Webpack es2015树与React一起摇晃

时间:2016-08-22 02:28:47

标签: reactjs ecmascript-6 webpack babeljs

我想使用树摇动功能似乎我们不需要安装babel-preset-es2015-webpack。对于es2015预设,我们仍然可以使用babel-preset-es2015并将modules标志设置为false。我改变了我的webpack配置,如下所示,这导致"意外的令牌导入"我的反应组件中的导入行出错。

  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}] 然后我在控制台上出现了不同的错误  模块构建失败:ReferenceError:[BABEL] C:\ FE-Proj-Templates \ webpack \ main.js:使用删除的Babel 5选项:foreign.modules - 在plugins选项中使用相应的模块转换插件。查看http://babeljs.io/docs/plugins/#modules

如何设置模块标志为false的预设es2015并使用React预设?

1 个答案:

答案 0 :(得分:12)

它已更新并正常工作

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