您可能需要适当的加载程序来处理此文件类型错误

Question

我有以下代码（es6传播属性）：

 return {...state, name: action.payload};

引发的错误是： 您可能需要适当的加载程序来处理此文件类型。

的package.json

为了使这项工作，我还需要安装什么。 所有其他ES6均正常运行，但spread属性无效。

webpack.config.js

Answer 1

您需要为js文件配置babel-loader才能进行翻译

webpack配置片段：

{
    test: /\.js$/,
    exclude: /node_modules/,
    use: [
      'babel-loader'
    ]
  }

内部模块规则。

还要在项目主目录中添加.babelrc文件，内容如下

{
   "presets" : [
     "latest"
   ]
}

Answer 2

要使用ecmascript-6您需要（1）添加具有以下预设的.babelrc文件

{
  "presets": [ "es2015" ]
}

es2015是您需要的特定设备。

然后（2）将您的webpack配置为包括

module.exports = {
  ...,
  loaders : [
    { test: /\.js$/, exclude: /(node_modules)/, loader: 'babel-loader' }
  ]
}

Answer 3

仅通过npm安装装载程序是不够的。 您必须在webpack中配置该加载程序。

在您的webpack.config.js添加以下webpack.config.js

loaders: [
    {
      test: /\.js$/,
      exclude: /(node_modules|bower_components)/,
      loader: 'babel-loader',
      query: {
        presets: ['es2015']
      }
    }
  ]

在Webpack中使用加载程序

上面的代码意味着，只要找到与\\.js$模式匹配的文件（以.js结尾的文件），就会使用babel-loader。 （您已经将babel-loader安装到了依赖项中。

您也可以使用loader: 'babel'代替`loader：'babel-loader'。 一样的。