Question

我刚开始学习使用webpack作为捆绑器。但是要开始编写es6代码，它需要一个babel-loader来将es6转换为es5。

我的困惑是为什么webpack需要babel-loader？为什么它不知道如何处理es6模块语法??

如果我正在编写纯es5代码，那么它不需要任何模块加载器，为什么会这样？

Answer 1

它还不支持ES2015 Native模块。但是，Webpack 2将利用Native模块加载，这将允许诸如树摇动等令人敬畏的功能。

您可以看到此设置的示例here

Answer 2

如果您想在webpack配置中使用ES6 / ES2015，则必须创建一个快速服务器并运行＆nbsp; npm start＆＃39;。确保在package.json脚本中进行设置。确保你也安装了babel-cli和babel-core。继承我的package.json示例：

  "scripts": {
    "start": "better-npm-run start",
    "compile": "better-npm-run compile",
    "deploy": "better-npm-run deploy",
    "clean": "rm -rf dist && npm cache clean",
  },
  "betterScripts": {
    "start": {
      "command": "babel-node bin/server",
      "env": {
        "NODE_ENV": "development",
        "DEBUG": "app:*"
      }
    },

如果您想查看使用es6进行webpack配置的示例，请查看此git存储库：https://github.com/codetony25/react-starter-boilerplate

webpack本身是否支持es6模块？

2 个答案: