我正在尝试在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
错误。
我如何在反应样板中使用该功能?