ชื่อไฟล์ที่บิลด์ใน Webpack
การใช้คำสั่ง [name] ช่วยให้เราสามารถ
ระบุตำแหน่งที่จะแทรกชื่อ
ของ entry point ได้ ความสามารถนี้
ช่วยให้เราสามารถกำหนดค่าชื่อ
ไฟล์ที่บิลด์ได้
ตัวอย่างเช่น ลองมาทำให้
ไฟล์ที่บิลด์มีชื่อว่า
f1.build.js และ f2.build.js:
export default {
entry: {
f1: './src/test1.js',
f2: './src/test2.js'
},
output: {
filename: '[name].build.js',
}
};
กำหนดค่าดังต่อไปนี้:
export default {
entry: {
test1: './src/test1.js',
test2: './src/test2.js',
test3: './src/test3.js'
},
};
โปรดปรับเปลี่ยนการตั้งค่าเพื่อให้
ไฟล์ผลลัพธ์มีชื่อว่า
test1.bund.js, test2.bund.js
และ test3.bund.js