3

使用 babel 和 webpack 运行 react 应用程序时出现以下错误。

使用删除的 Babel 5 选项时出错：base.modules - 在plugins选项中使用相应的模块转换插件。查看http://babeljs.io/docs/plugins/#modules

这如果我的 .babelrc 文件

{
"presets": [
"es2015",
[{"modules": true}],
"react"
],
"plugins": ["transform-object-rest-spread","transform-runtime"]
}

这是我的 webpack 文件

plugins: [
    new webpack.DefinePlugin(GLOBALS), //Tells React to build in prod mode. https://facebook.github.io/react/downloads.htmlnew webpack.HotModuleReplacementPlugin());
    new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.bundle.js'),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  {
    test: /\.jsx?$/,
    exclude: /node_modules/,
    use: [
      {
        loader: 'babel-loader',
        options: {
          presets: ['react']
        }
      }
    ],
  },

  module: {
    loaders: [
      {test: /(\.js|\.jsx)$/, include: path.join(__dirname, 'client'), loaders: ['babel', 'eslint']},
      {test: /jquery/, loader: 'expose?$!expose?jQuery'},
      {test: /\.(jpe?g|png|gif|svg|woff|woff2|ttf|eot)$/i, loaders: ['file']},
      {test: /\.json$/, loader: 'json-loader' },
      {test: /(\.css|\.scss)$/, loaders: ['style',
      `css?${JSON.stringify({
            //sourceMap: true,
            // CSS Modules https://github.com/css-modules/css-modules
            //modules: true,
            //localIdentName: '[name]_[local]_[hash:base64:3]'
          })}`,
      'postcss',
      `sass?${JSON.stringify({
          data: '$assets-path: \'../assets/\';',
          includePaths: ['./node_modules']
          })}`
      ]}
    ]
  },

  postcss: function () {
    return [autoprefixer({browsers:["> 1%", "last 2 versions", "Firefox ESR", "Safari 8"]})];
  },
  resolve: {
    extensions:["", ".jsx", ".js"]
  }

有人可以让我知道这个错误与什么有关吗？

4

0 回答 0