Satır satır kod yazılışını izleyin ve her satırın açıklamasını dinleyin.
Webpack Config
— Webpack ve Babel ile Build Ortami içindeki bu kod satırı backend kodunun bir parçasıdır; ilgili girdiyi alır, dönüştürür ve sonraki adıma aktarır.
=
Sağdaki değeri soldaki isme bağlar.
{
Bir blok kapsamı açar.
}
Açılan bloğu kapatır.
;
İfadenin bittiğini bildirir (dile göre zorunlu olabilir).
.
Bir şeyin içindeki şeye ulaşır.
Satır sonu noktalı virgül ya da kapanış işareti unutulur // webpack.config.js: module.exports={entry:"./src/index.js",output:{filename:"bundle.js",path:__dirname+"/dist"},mode:"development"};
kod parçası
Webpack calisma kurallarini belirleyen yapilandirma.
{
"type": "ExpressionStatement",
"expression": "Webpack Config"
}
Babel Transpilasyon
— Webpack ve Babel ile Build Ortami içindeki bu kod satırı backend kodunun bir parçasıdır; ilgili girdiyi alır, dönüştürür ve sonraki adıma aktarır.
{
Bir blok kapsamı açar.
}
Açılan bloğu kapatır.
.
Bir şeyin içindeki şeye ulaşır.
// .babelrc:{"presets":["@babel/preset-env"]} // rule:{test:/\.js$/,use:"babel-loader"}
kod parçası
Modern JS kodunu eski tarayicilara uygun hale getirme.
{
"type": "ExpressionStatement",
"expression": "Babel Transpilasyon"
}
Code Splitting
— Webpack ve Babel ile Build Ortami içindeki bu kod satırı backend kodunun bir parçasıdır; ilgili girdiyi alır, dönüştürür ve sonraki adıma aktarır.
=
Sağdaki değeri soldaki isme bağlar.
(
Çağrıyı veya gruplamayı başlatır.
)
Çağrıyı veya gruplamayı bitirir.
;
İfadenin bittiğini bildirir (dile göre zorunlu olabilir).
.
Bir şeyin içindeki şeye ulaşır.
Satır sonu noktalı virgül ya da kapanış işareti unutulur Tanımsız isim ya da yanlış yazılmış fonksiyon çağrılır import("./agirModul").then(m=>m.baslat());
kod parçası
Kodu mantiksal parcalara bolup ihtiyac aninda yukleme.
{
"type": "ExpressionStatement",
"expression": "Code Splitting"
}