首页 > Web开发 > 详细

webpack快速入门——插件配置:HTML文件的发布

时间:2017-11-30 19:02:35      阅读:301      评论:0      收藏:0      [点我收藏+]

1.把dist中的index.html复制到src目录中,并去掉我们引入的js

2.在webpack.config.js中引入

const htmlPlugin = require(‘html-webpack-plugin‘);

3.引入后进行安装   cnpm i html-webpack-plugin --save-dev

4.在webpack.config.js中进行插件配置

new htmlPlugin({
    minify:{
        removeAttributeQuotes:true
    },
    hash:true,
    template:‘./src/index.html‘
 })

5.在终端中输入webpack,进行打包,你会看到index.html文件已经被我们打包到dist文件目录下了,并且自动引入了js文件

上图:

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

 

webpack快速入门——插件配置:HTML文件的发布

原文:http://www.cnblogs.com/hezihao/p/7930287.html

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