babel 7中的意外标识符。ES6导入/导出

时间:2018-10-28 12:43:34

标签: babel es6-modules react-boilerplate

我正在尝试在react-boilerplate(https://github.com/react-boilerplate)中添加对Node的ES6导入/导出模块支持。

我做了npm install babel-plugin-dynamic-import-node-babel-7 --save-dev 并确实将其放在babel.config.js(其插件)中:

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        modules: false,
      },
    ],
    '@babel/preset-react',
  ],
  plugins: [
    'styled-components',
    '@babel/plugin-proposal-class-properties',
    '@babel/plugin-syntax-dynamic-import',
    'dynamic-import-node-babel-7',
  ],
  env: {
    production: {
      only: ['app'],
      plugins: [
        'lodash',
        'transform-react-remove-prop-types',
        '@babel/plugin-transform-react-inline-elements',
        '@babel/plugin-transform-react-constant-elements',
      ],
    },
    test: {
      plugins: [
        '@babel/plugin-transform-modules-commonjs',
        'dynamic-import-node',
      ],
    },
  },
};

然后我尝试在节点代码(react-boilerplate中的服务器文件夹)中使用import/export,但收到Unexpected identifier错误。 我如何在反应样板中使用该功能?

0 个答案:

没有答案
相关问题