快活林资源网 Design By www.csstdc.com
使用html-webpack-plugin插件来启动页面 可将html页面放入内存 以提升页面的加载速度
并且还能自动设置index.html页面中JS文件引入的路径
使用前提:项目中安装了Webpack使用步骤:
步骤一、在项目的根目录下输入cnpm i html-webpack-plugin -D
将html-webpack-plugin插件安装到开发依赖
其作用是根据指定的模板页面在内存中生成相应的HTML页面
步骤二、插件安装之后 修改webpack.config.js的配置文件
在配置文件中导入html-webpack-plugin插件 并配置模板页路径和生成的页面名称即可
const path=require("path") // 导入html-webpack-plugin const htmlWebpackPlugin=require("html-webpack-plugin") module.exports={ entry:path.join(__dirname,"./src/main.js"), output:{ path:path.join(__dirname,"./dist"), filename:"bundle.js" }, // 配置插件节点 plugins:[ // 创建html-webpack-plugin插件 new htmlWebpackPlugin({ // 设置参数 template:path.join(__dirname,"./src/index.html"), // 指定模板页面 以根据指定页面生成内存中的页面 filename:"index.html" // 指定生成的内存中的页面的名称 }) ] }
使用了html-webpack-plugin插件之后 就无需手动处理bundle.js的引用路径了
因为 在生成后的内存中的HTML页面里 已经自动引入了bundle.js的正确路径
总结 - 插件的作用:
1、自动根据指定的页面生成一个在内存中的页面
2、自动在页面中引入打包好的bundle.js
快活林资源网 Design By www.csstdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
快活林资源网 Design By www.csstdc.com
暂无评论...
更新日志
2024年05月20日
2024年05月20日
- 邰正宵《重燃爱恋 贰 Walk On》[320K/MP3][158.71MB]
- 林一峰2003-床头歌[华纳][WAV+CUE]
- 张琍敏1983-又见牵手[台湾留声复刻版][WAV+CUE]
- 张琍敏1978-雪中莲[台湾复刻版][WAV+CUE]
- 叶蕴仪1993-睡美人[日本版][WAV+CUE]
- 夜晚助兴音乐-群星《新时代床头音乐-性能量》2CD[WAV]
- 24K德国HD金碟《历届奥斯卡获奖金曲》3CD[WAV整轨]
- 邰正宵《重燃爱恋 贰 Walk On》[FLAC/分轨][431.72MB]
- 苏文劭《雨停出来走走》[320K/MP3][81.11MB]
- 苏文劭《雨停出来走走》[FLAC/分轨][210.76MB]
- 群星《2024好听新歌04》十倍音质WAV分轨
- 陈宁《弹指之间HQ》头版限量[低速原抓WAV+CUE]
- 陈宁《故人还》HQCDII限量签名版[低速原抓WAV+CUE]
- 苏文劭《春曲(Lessons)》[320K/MP3][39.8MB]
- 苏文劭《春曲(Lessons)》[FLAC/分轨][97.78MB]