Webpack——html-webpack-plugin 插件

安装插件

  • html-webpack-plugin插件

这是一个webpack插件,可以简化HTML文件的创建,为您的webpack捆绑服务提供服务。这对于webpack包含文件名中包含哈希值的bundle 来说尤其有用,它会更改每个编译。您可以让插件为您生成HTML文件,使用lodash模板提供您自己的模板或使用您自己的加载器。

  • 在开发时使用插件
npm i -D html-webpack-plugin #-D = --save-dev

在html-webpack-plugin提供钩把它扩大到您的需求。已经有一些非常强大的插件可以与零配置集成

webpack-subresource-integrity用于增强资产安全性
appcache-webpack-plugin适用于iOS和Android离线使用
favicons-webpack-plugin为iOS,Android和桌面浏览器生成图标和图标
html-webpack-harddisk-plugin可用于始终将html文件写入磁盘,在使用webpack-dev-server / HMR时经常用到
html-webpack-inline-source-plugin用于在生成的HTML文件中内联您的资源
html-webpack-inline-svg-plugin在生成的HTML文件中内联SVG。
html-webpack-exclude-assets-plugin,用于使用正则表达式排除资产
html-webpack-include-assets-plugin,用于包含js或css文件路径列表例如copy-webpack-plugin复制的路径)。
script-ext-html-webpack-plugin添加async,defer或module属性的

你可能感兴趣的:(前端学习笔记,webpack,nodeJS)