單文件
下面的書(shū)寫會(huì)將index.js文件打包為名稱是bundle.js的文件宝泵，如果不加filename: 'bundle.js'這句話零如，打包生成的文件名為main.js缠犀，名稱是entry對(duì)象鍵的名字
簡(jiǎn)寫
const path = require('path');
module.exports = {
entry: './src/index.js', // 入口文件
output: {
filename: 'bundle.js', // 文件名
path: path.resolve(__dirname, 'dist') // 文件夾
}
}
非簡(jiǎn)寫
const path = require('path');
module.exports = {
entry: {
main: './src/index.js'
},
output: {
filename: 'bundle.js', // 文件名
path: path.resolve(__dirname, 'dist') // 文件夾
}
}
多文件
下面的代碼會(huì)將index.js文件打包兩次待德，分別生成main.js 和 sub,js兩個(gè)文件
const path = require('path');
module.exports = {
entry: {
main: './src/index.js',
sub: './src/index.js',
},
output: {
filename: '[name].js', // 文件名
path: path.resolve(__dirname, 'dist') // 文件夾
}
}
增加前綴
當(dāng)打包完成后，使用了插件后，生成的HTML文件會(huì)自動(dòng)引入打包后的文件活合，如果想為引入的文件增加前綴
const path = require('path');
module.exports = {
entry: {
main: './src/index.js',
sub: './src/index.js',
},
output: {
publicPath: 'http://hello.me', // 前綴
filename: '[name].js', // 文件名
path: path.resolve(__dirname, 'dist') // 文件夾
}
}
打包文件夾
通常情況下，配置文件會(huì)放在build文件夾下物赶，所以出口的打包文件夾位置需要修改為和build同一層級(jí)白指，不然會(huì)放在build目錄下
output: {
path: path.resolve(__dirname, '../dist') // 文件夾
}
文檔
entry
output output-management
