.ejs 是一个文件格式 例如 .vue  .tpl 根据这个定义的文件格式 解析成想要的

需要使用小写 htmlWebpackPlugin

webpack是用来打包和配置的，一般都要结合react和vue来使用在src中写组件。

emmet自动补全

子组件编译失败 语法错误 未识别的代号。。。。。。

启用 HMR：模块热替换(Hot Module Replacement 或 HMR)它允许在运行时更新各种模块，而无需进行完全刷新。

第一步：修改webpack-dev-server 的配置 或者通过命令来修改webpack-dev-server --hotOnly。

  devServer: {
      hot: true
    },

第二步：引入插件： html-webpack-plugin、clean-webpack-plugin(每次都重新清除一次dist（目标）文件目录); 引入webpack

  const HtmlWebpackPlugin = require('html-webpack-plugin');
  const CleanWebpackPlugin = require('clean-webpack-plugin');
  const webpack = require('webpack');

第三步：使用webpack内置插件HMR

  plugins: [
           new CleanWebpackPlugin(['dist']),
         new HtmlWebpackPlugin({
            title: 'Hot Module Replacement'
         }),
            new webpack.HotModuleReplacementPlugin()
    ],

没错啊，我的是3.x都好使啊

。。。

解决了，for循环前面，还有最后一个}前面 ，不应该有=

<%= htmlWebpackPlugin.options.title %>这样写

一般不会在html模版文件里面来调用ajax取数据，应该是写在js文件里面，然后把js文件压缩注入到html,老师的这个例子只是介绍一下webpack-html-pluns有模版功能，可以解析变量，可以做一些循环，判断

https://webpack.jakoblind.no/

你这个是概念上的错误

config.js 是配置文件，而bundle.js只是配置文件中的一个输出（output）文件名而已

已经解决了，模板那块少了个引号

因为在filename中，每一个plugin 是对应了一个html的，所以你的[name]占位符 插件没有提供

你这个模板都没有输出script的src，结果里输出了，所以模板和结果根本对不上啊

<%= key%>  等号是跟在百分号后面的，分开自然是错误的。可以不加html标签。

额，Ejs模板第一次听说。

Ejs入门文档：https://segmentfault.com/a/1190000004286562。

https://github.com/tj/ejs。

<% for( var key in htmlWebpackPlugin){%><%= key%><%= }%>中最后的<%= }%>等号不要

没有懂你的意思

https://www.npmjs.com/package/html-webpack-plugin

代码上看没有问题 打包的时候报错了么？

这是我的配置，我一设置minify就报下面的错，一删掉就好了，不知道是什么原因；

package.json 是需要 通过 npm init 时产生的，不是安装webpack的时候产生的。而且建项目的时候首先要npm init 然后再去安装webpack 等其它需要用的包。

好吧，我把<% for(var key in htmlWebpackPlugin) { %>
<%= key %>
<% } %>这段代码注释掉之后就报错了，删了就好了

我的也是

更好的服务前端