现有文件:src/index.html,src/cart.html,src/js/jquery.js,src/js/common.js,src/js/index.js,src/js/cart.js。
要求:将jquery.js和common.js打包在一起生成一个chunk,作为通用库,index.html和cart.html都需要引用这个打包出来的通用库
index.js和cart.js分别打包生成自己的chunk
index.html中还要引入index.js打包后的chunk,cart中还要引入cart.js打包后的chunk
webpack.config.js文件:
const{resolve}=require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports={ entry:{ vender:['./src/js/jquery.js','./src/js/common.js'], index:'./src/js/index.js', cart:'./src/js/cart.js' }, output:{ path:resolve(__dirname,'build'), filename:'[name].js' }, mode:'development', module:{ rules:[] }, plugins:[//这里需要打包两个html,所以有两个HtmlWebpackPlugin对象各自进行配置 new HtmlWebpackPlugin({ template:'./src/index.html', filename:'index.html', chunks:['vender','index']//配置html需要引入的chunk }), new HtmlWebpackPlugin({ template:'./src/cart.html', filename:'cart.html', chunks:['vender','cart']//配置html需要引入的chunk }), ] }