webpack4.0 入门流程 2.0

最新推荐文章于 2023-12-06 17:18:28 发布

weixin_30788619

最新推荐文章于 2023-12-06 17:18:28 发布

阅读量92

点赞数

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/wuaidongfang/p/10388346.html

版权

上次我们通过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 节点里面

转载于:https://www.cnblogs.com/wuaidongfang/p/10388346.html