webpack4系列笔记二：配置HTML

发布时间：2020-12-15 01:14:58 所属栏目：C语言来源：网络整理

导读：为什么要引入HTML插件每次执行webpack打包生成js，再手动在index.html导入js，这样很麻烦我们想运行webpack后，所有的静态资源，js脚本都自动插入到index.html 因此想实现这个功能就要借助 html-webpack-plugin 这个插件安装使用同样在 webpack.config.

为什么要引入HTML插件

每次执行webpack打包生成js，再手动在index.html导入js，这样很麻烦

我们想运行webpack后，所有的静态资源，js脚本都自动插入到index.html
因此想实现这个功能就要借助html-webpack-plugin这个插件

安装


使用
同样在webpack.config.js中加上插件的配置
module.exports = {

// ...

plugin: [

new HtmlWebpackPlugin({

template: './src/index.html',// 模板文件

filename: 'index.html' // 打包后的html文件名称

})

]

}

小技巧
每次打包后，都会覆盖掉原来的文件，我们可以通过设置hash来保存每次打包后的文件
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!