如何在 node js 中使用 import 而不是 require ？

泰勒奥斯汀

目标：能够使用es6导入、导出默认等...

我所做的是.babelrc在我的项目的根目录中包含一个文件，其中包含：

 {
   "presets": ["env", "react", "stage-0", "stage-1"],
   "plugins": ["transform-object-rest-spread"]
 }

我查看了 babel 上的文档，对于 node，它说我要做的就是包含"env"我所做的预设，但是当我尝试执行以下语句时：

import { data } from './data'

我在 import 语句中收到一个意外的令牌错误，所以我认为我没有做正确的事情。

穆罕默德·阿迪尔

典型的 webpack.config.js

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

我建议您将 .babelrc 更新为以下内容。

{
    "presets": [
        [
          "env",
          {
            "modules": false,
            "loose": true
          }
        ],
        "react"
    ],
    "plugins": [
        "transform-object-rest-spread"
    ]
}

对于更多好东西装饰器/函数绑定/类道具等，

{
    "presets": [
        [
          "env",
          {
            "modules": false,
            "loose": true
          }
        ],
        "react"
    ],
    "plugins": [
        "transform-object-rest-spread",
        "transform-function-bind",
        "transform-class-properties",
        "transform-decorators-legacy",
    ]
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。