将es6添加到webpack需要3个步骤

在webpack.config.js中添加 模块:{ 规则:[ ｛ 测试:/ \ . js /美元, 装载机:“babel-loader” ｝ ］ ｝ 创建一个。babel。Rc，然后加进去

｛ "presets": ["@babel/env"， "@babel/react"]， “插件”:( ［ “@babel / plugin-proposal-class-properties”, ］ ］ }

在包中。json添加

NPM install @babel/core NPM install @babel/preset-env——save-dev NPM install @babel/preset-react——save-dev NPM install @babel/plugin-proposal-class-properties NPM安装babel-loader——save-dev

这真的很简单，但从任何答案中我都看不出来，所以如果有人和我一样困惑:

只需将.babel附加到你的文件名扩展名之前的部分(假设你已经安装了babel寄存器作为依赖项)。

例子:

mv webpack.config.js webpack.config.babel.js

还有一种方法是为node使用require参数:

Node -r babel-register ./node_modules/webpack/bin/webpack . xml

在electron-react-boilerplate中可以找到这种方法，看看build-main和build-renderer脚本。

将es6添加到webpack需要3个步骤

在webpack.config.js中添加 模块:{ 规则:[ ｛ 测试:/ \ . js /美元, 装载机:“babel-loader” ｝ ］ ｝ 创建一个。babel。Rc，然后加进去

｛ "presets": ["@babel/env"， "@babel/react"]， “插件”:( ［ “@babel / plugin-proposal-class-properties”, ］ ］ }

在包中。json添加

NPM install @babel/core NPM install @babel/preset-env——save-dev NPM install @babel/preset-react——save-dev NPM install @babel/plugin-proposal-class-properties NPM安装babel-loader——save-dev

另一种方法是这样写一个npm脚本:"webpack": "babel-node ./node_modules/webpack/bin/webpack"，然后像这样运行:

这就是我使用webpack 4时的效果:

在package.json:

"scripts": {
    "dev": "cross-env APP_ENV=dev webpack-serve --require @babel/register"
},

"devDependencies": {
    "@babel/core": "^7.0.0-rc.1",
    "@babel/register": "^7.0.0-rc.1",
    "@babel/preset-env": "^7.0.0-rc.1",
    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2"
},

"babel": {
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "node": "current"
      }
    }]
  ],
  "plugins": [
    "transform-es2015-modules-commonjs"
  ]
}

您可以清楚地看到每个依赖项是如何使用的，所以没有什么奇怪的。

注意我使用的是webpack-serve——require，但如果你想使用webpack命令，请将其替换为webpack——config-register。在任何一种情况下，都需要@babel/register来实现此工作。

就是这样!

纱线开发

你可以在配置中使用es6 !

对于webpack-dev-server，使用与webpack命令相同的——config-register选项

注意:

不需要将配置文件重命名为webpack.config.babel.js(由已接受的答案所建议)。Webpack.config.js可以正常工作。