首页 > Web开发 > 详细

webpack4.0 入门流程 2.0

时间:2019-02-16 17:56:59      阅读:177      评论:0      收藏:0      [点我收藏+]

上次我们通过webpack-dev-server已经学会了把bundle.js放在了内存中(根目录下看不见的bundle)

这次我们把页面放在内存中(根目录下看不见,但实际存在)

 

终端

cnpm i html-webpack-plugin -D

webpack.config.js

const htmlWebpackPlugin = require(‘html-webpack-plugin‘)  
//在内存中,根据指定的模板页面生成一份内存中的首页,同时把自动打包好的bundle.js注入到页面的底部
 plugins:[//配置插件的节点
    new htmlWebpackPlugin({//创建一个在内存中生成HTML页面的插件
      template:path.join(_dirname,‘./src/index.html‘),//指定模板页面,将来会根据指定的页面路径去生成内存中的页面
      filename:‘index.html‘//指定生成页面的名称

    })
  ],

 

注意:所有webpack插件都要放在配置文件中的 plugins 节点里面

webpack4.0 入门流程 2.0

原文:https://www.cnblogs.com/wuaidongfang/p/10388346.html

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