webpack -p 在我的 ejs 模板中禁用 es2015 功能

Question

我的项目有一个简单的 webpack 设置，它在前端使用 ejs 模板：

<ul>
  <% for (let station of stations) { %>
    <li>
      <strong><%= station.name %></strong>
      <br/>
      Coach Code: <%= station.nationalcoachcode %><br/>
      Distance:  <%= (station.distance / 1000 ).toFixed(1) %> km
    </li>
  <% } %>
</ul>

当我使用 webpack-dev-server 提供它或使用 webpack 构建它时，这非常有效，但是当我尝试使用 webpack -p 获得一个缩小的构建时，它无法再处理 for-of 循​​环并给我以下错误：

ERROR in app.js from UglifyJs SyntaxError: Unexpected token name «station», expected punc «;» [./~/ejs-loader!./src/app/stations.tmpl.ejs:7,0]

这是我的webpack.config.js：

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

const PATHS = {
  app: path.join( __dirname , 'src' ),
  build : path.join( __dirname , 'build' )
};

module.exports = {

  entry: {
    app: PATHS.app
  },

  output: {
    path: PATHS.build,
    filename : '[name].js'
  },

  devtool: 'source-map',

  module: {
    loaders: [{
      test: /\.js$/,
      loader: 'babel-loader',
      query: {
        presets: ['es2015']
      }
    }, {
      test: /\.ejs$/,
      loader: 'ejs-loader'
    }]
  },

  resolve: {
    extensions: ['', '.js', '.json', 'ejs']
  },

  plugins: [
    new HtmlWebpackPlugin({
      template: path.join(PATHS.app, 'index.ejs')
    }),
    new webpack.ProvidePlugin({
      _: "lodash"
    })
  ]

};

[edit]：我已经尝试过先通过 babel 运行 ejs 模板，但没有解决问题。

Answer 1

我的英文不好:(看代码就行了：

module: {
  preLoaders: [
    {
      test: /\.ejs$/, loader: 'ejs-compiled'
    }
  ],
  loaders: [
    {
      test: /\.e?js$/, // <-- look!
      exclude: /node_modules/,
      loader: "babel-loader",
      query: {
        presets: ['es2015']
      }
    }
  ]
},
'ejs-compiled-loader': {
  htmlmin: true,
  htmlminOptions: {
    removeComments: true
  },
  _with: false // <-- important!!!
}

在 EJS 中

<% var {station} = locals; %>
<ul>
  <% for (let station of stations) { %>
    <li>
      <strong><%= station.name %></strong>
      <br/>
      Coach Code: <%= station.nationalcoachcode %><br/>
      Distance:  <%= (station.distance / 1000 ).toFixed(1) %> km
    </li>
  <% } %>
</ul>

希望对你有帮助……