Question

我知道现有的这个问题有很多答案。但没有解决我的问题。

我正在使用redux进行反应，并使用babel来转换ES6和JSX。当我在redux中使用spread属性时：

return {...state, loading: false}

我的webpack会引发意外的令牌问题。我使用了stage-0，stage-2礼物（不是两个同时）。还尝试了transform-es2015-destructuring和transform-object-rest-spread插件。令人惊讶的是，0阶段为我的其他项目工作，但不适用于当前项目。我很想知道确切的问题。这是我的webpack配置：

const config = {
  entry: path.join(__dirname, PATHS.entry),
  output: {
    path: path.join(__dirname, PATHS.output),
    filename: 'bundle.[hash].js'
  },
  devtool: 'source-map',
  resolve: {
    extensions: ['.js', '.jsx']
  },
  module: {
    rules: [
      {
        test: /\.jsx$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader'
        }
      },
      {
        test: /\.scss$/,
        use: [{
            loader: "style-loader"
          },{
            loader: "css-loader"
          }, {
            loader: "sass-loader"
        }],
      },
      {
        test: /\.(jpe?g|png|gif|svg)$/i,
        loaders: [
          'file-loader?hash=sha512&digest=hex&name=images/[hash].[ext]',
          'image-webpack-loader'
        ]
      }
    ]
  },
  plugins: [new HtmlWebpackPlugin({
    template: "./src/index.html"
  })]
};

这是我的babelrc：

{
  "presets": ["es2015", "react", "stage-2"]
}

使用传播属性会引发意外的令牌问题

0 个答案: