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