无法运行Webpack+ES6：执行命令时遇import语法错误

你遇到的核心问题是Node.js无法识别Webpack配置文件里的ES6 import语法——因为Node.js默认把Webpack配置文件当作CommonJS模块处理，而CommonJS原生不支持import/export语法，哪怕你配置了.babelrc也没用，毕竟Webpack默认不会用Babel转译它自己的配置文件。

给你几个可行的解决方案：

方案一：改用CommonJS的require语法（最推荐，无需额外依赖） #

直接把配置文件里的import替换成Node.js原生支持的require写法，比如：

const config = require('./');
const path = require('path');
const deepMergeWithArray = require('../lib/deepMergeWithArray');
// 其他代码保持不变

改完之后再执行你的Webpack命令，应该就能正常运行了。

方案二：用Babel转译配置文件（适合坚持用ES6语法的场景） #

如果不想修改代码风格，那需要让Node.js通过Babel来加载配置文件：

1. 先安装必要的Babel依赖：

npm install @babel/core @babel/node @babel/preset-env --save-dev

2. 修改你的执行命令，用babel-node来启动Webpack：

npx babel-node node_modules/.bin/webpack --config webpack.js

你的.babelrc配置已经是正确的（{"presets": ["env"]}），这个命令会自动转译配置文件里的ES6语法。

方案三：利用Node.js的ES模块支持（仅适合Node.js >=13.2.0） #

如果你的Node.js版本在13.2.0以上，可以尝试：

1. 在项目根目录的package.json里添加"type": "module"，告诉Node.js所有.js文件都是ES模块
2. 然后修改Webpack命令为：

node --experimental-modules node_modules/.bin/webpack --config webpack.js

不过这个方案可能会影响项目里其他CommonJS模块的兼容性，所以除非你整个项目都用ES模块，否则不推荐。

内容的提问来源于stack exchange，提问作者nano