webpack 配置多入口
在之前基础配置之上做出改动,使应用有两个入口:webpack基础配置
项目结构:
修改了公共plugins(webpack.common.js)
plugins: [
new HtmlWebpackPlugin({
title: '首页',
template: path.join(srcPath, 'index.html'),
filename: 'index.html',
chunks: ['index']
}),
new HtmlWebpackPlugin({
title: '其他',
template: path.join(srcPath, 'other.html'),
filename: 'other.html',
chunks: ['other']
})
],
生产环境配置修改了出口文件名称(webpack.prod.js)
output: {
filename: '[name].bundle.js',
path: distPath,
clean: true
// publicPath: 'http://cdn.abc.com' // 修改所有静态文件 url 的前缀(如 cdn 域名),这里暂时用不到
},
修改打包命令(package.json)
"scripts": {
+ "build": "webpack --config webpackMultipleEntry/webpack.prod.js",
},