码迷,mamicode.com
首页 > Web开发 > 详细

vue-htmlwebplugin的使用

时间:2021-03-30 12:56:14      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:app   需要   模板   应该   bpa   根目录   index   nbsp   com   

  一般vue项目的根目录下会有src,dist以及index.html等文件和目录,在进行打包的时候,src下的代码会被打包到dist中,但index.html并不会被打包进去,因此需要一个webpack的插件:htmlwebpackplugin;首先得安装该插件,命令:
技术图片

 

   安装后,需要在webpack.confi.js进行配置:

技术图片

技术图片

   这时候我们进行打包,在dist目录下会生成一个index.html,但是这个目录是没有目标的,即<div id="app"></div>;因此要手动指定一个模板让他去生成,完整的配置应该如下:

技术图片

 

vue-htmlwebplugin的使用

标签:app   需要   模板   应该   bpa   根目录   index   nbsp   com   

原文地址:https://www.cnblogs.com/ibcdwx/p/14588682.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!