打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
webpack(3)配置打包html资源

1.上面讲了打包js文件,这些打包出来的js文件需要引入到html文件中,如果一个个都需要我们手动在html中加入script标签来引用就麻烦了。

这里用webpack打包html的好处有:

(1)可以自动将打包后的js文件引入html

(2)html打包后依然会生成在build文件夹下和打包后的js文件放在一起,这样上线的时候我们只需要将打包生成的文件夹一起拷贝到上线环境就可以了

(3)会帮我们压缩html文件

2.打包html需要使用插件,这里使用的是:html-webpack-plugin

3.首先安装html-webpack-plugin:根目录下执行npm install html-webpack-plugin -D,同意作为打包工具我们只在开发阶段使用所以加上-D

4.

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
详解Parcel:快速,零配置web应用打包工具。 | Fundebug博客
基于webpack的前端工程化开发解决方案探索(三):webpack
webpack学习(一)安装和基本环境搭建、一次js打包体验及不同版本错误
Webpack
webpack 插件: html
webpack.config.js和package.json
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服