首页 > Web开发 > 详细

实例讲解webpack的基本使用第三篇

时间:2017-05-06 09:37:34      阅读:274      评论:0      收藏:0      [点我收藏+]

这一篇来讲解一下webpack的htmlWebpackHtml插件的使用。

先来思考一个实际问题:我们现在在index.html引用的js文件是写死的。但是我们每次打包后的文件都是动态的,那么我们怎么让他们结合起来呢?

这就要借助htmlWebpackPlugin插件了。

1.先安装html-webpack-plugin插件。

执行:npm install html-webpack-plugin --save-dev。

技术分享

2.在webpack.config.js文件中require这个插件模块

技术分享

3.在webpack.config.js文件中添加一个plugins配置项:

技术分享

 

 

 

实例讲解webpack的基本使用第三篇

原文:http://www.cnblogs.com/xinggood/p/6815494.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!