为啥打包html文件 因为在写代码的时候引入的是src下面的js文件 经过webpack打包后,形成了一个入口文件, 此时html因为的js文件名称和路径就不对了,所以需要webpack打包 把html中引入js文件的路径替换了。
安装插件:
npm i html-webpack-plugin -D
在webpack.config.js中引用插件:
const htmlWebpackPlugin=require(‘html-webpack-plugin’);
plugins:[
new htmlWebpackPlugin() //默认会创建一个空得到html名称为index.html 并且引入所有的css打包资源
]
src下没有index.html 打包的时候会默认生成一个 并且将所有的js都引入。
案例:打包多个html
在一个新项目中src新建一个index.html文件以及cart.html文件 还得创建一个js目录 里面有cart.js index.js common.js jquery.js
代码如下:
const {resolve} = require(‘path’);
const htmlWebpackPlugin=require(‘html-webpack-plugin’);
mod