reactjs - Webpack es2015 使用 React 进行树摇动

Question

我想使用 Tree Shaking 功能，看来我们不需要安装 babel-preset-es2015-webpack 。我们仍然可以使用babel-preset-es2015并将 es2015 的模块标志设置为 false预设。我更改了 webpack 配置，如下所示，这导致我的 react 组件中的导入行出现“意外的 token 导入”错误。

  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel',
        query: {
          presets: [['es2015', {modules: false}], 'react']
        }
      },
      {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader")
      }
    ]
  }

我还尝试将预设设置为

['es2015', 'react', {modules: false}]

然后我在控制台上遇到了不同的错误:

 Module build failed: ReferenceError: [BABEL] C:\FE-Proj-Templates\webpack\main.js: Using removed Babel 5 option: foreign.modules - Use the corresponding module transform plugin in the `plugins` option. Check out http://babeljs.io/docs/plugins/#modules 

如何设置预设es2015模块标志为 false 并且还使用 React 预设？

Answer 1

已更新并且可以运行

presets: [['es2015', {modules: false}], 'react']