时间:2021-05-08
我们在打包webpackjs文件的时候,在index.html界面引人 全局main.js ,如图下:
必须引入 src ='budl.js'
打包的时候,未打包分为两个文件,一个本地磁盘文件,一个是内存中的文件,这样一来是不是特别麻烦,面对这个问题我们又了方法解决,html-webpack-plugin 安装这个插件
1,我们首先输入 npm i html-webpack-plugin 安装该插件
2,然后在webpack.config.js 配置文件配置好选项。
安装完成
webpack.config.js引入html-webpack-plugin
配置好生成界面文件
3,插件安装好之后,去把index 的src="budle.js" 注释,然后重启项目
4,重启项目之后,界面会自动打包一个buld.js 在index界面引入
总结
以上所述是小编给大家介绍的使用html-webpack-plugin'入再内存中生成 html 页面插件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用html-webpack-plugin插件来启动页面可将html页面放入内存以提升页面的加载速度并且还能自动设置index.html页面中JS文件引入的路径
首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建html入口文件。执行如下命令npminstallh
本文介绍了webpack插件html-webpack-plugin的具体使用,分享给大家,具体如下:插件地址:https://pilation.plugin('
标题可能描述不准确,大概就是这么个需求:用Vue-cli搭建一个多入口,多页面的站点,也就是通过html-webpack-plugin插件会生成多个.html文
html-webpack-plugin插件是用于编译Webpack项目中的html类型的文件,如果直接将html文件置于./src目录中,用Webpack打包时