webpack打包js 单入口与多入口
程序员文章站
2022-07-12 19:22:55
...
webpack打包js 单入口与多入口
* const path = require('path')
* module.exports = {
//'production'`在这里插入代码片`开发模式.不压缩代码,打包速度快.
mode: 'development',
//生产模式,进行代码压缩,打包速度慢.
//单文件入口,单出口 String类型
entry: './src/index.js',
output: {
filename: 'built.js',
path: path.join(__dirname, 'build')
},
//多文件入口,单出口 Array类型
entry: ['./src/index.js','./src/about.js'],
output: {
filename: 'built.js',
path: path.join(__dirname, 'build')
},
// 多文件入口,多文件出口 Object类型
entry: {
one:'./src/index.js',
two:'./src/about.js'
},
output: {
filename: '[name].js', //name是key
path: path.join(__dirname, 'build')
},
//特殊用法
entry: {
onea:['./src/index.js','./src/log.js'],
twob:'./src/about.js'
},
output: {
filename: '[name].js', //name是key
path: path.join(__dirname, 'build')
},
}
下一篇: webpack多入口文件页面打包配置