我的最终目标是在使用Browserify和Babel 7的项目中使用Yarn Workspaces.这是我所遇到的问题的最小复制.基本上似乎在子文件夹中存在一个package.json文件(这是你使用Yarn Workspaces时所拥有的东西之一)会破坏我的Browserify构建,我无法弄清楚原因.
Here’s a GitHub repo with a minimal reproduction of the problem.
首先,安装依赖项(你可以使用yarn或npm,无所谓)：
$npm install
然后确认Browserify Babel构建工作：
$npm run build > browserify-babelify-yarn-workspaces@1.0.0 build /home/user/projects/browserify-babelify-yarn-workspaces > browserify a/index.js -t babelify --outfile bundle.js
好的,一切都很好！我编译的代码在bundle.js中.
现在让我们在一个文件夹中创建一个虚拟的package.json：
$echo "{}" > a/package.json
这不应该改变构建,对吗？错误：
$npm run build > browserify-babelify-yarn-workspaces@1.0.0 build /home/user/projects/browserify-babelify-yarn-workspaces > browserify a/index.js -t babelify --outfile bundle.js /home/user/projects/browserify-babelify-yarn-workspaces/a/index.js:1 import lib from "./lib.js"; ^ ParseError: 'import' and 'export' may appear only with 'sourceType: module' npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! browserify-babelify-yarn-workspaces@1.0.0 build: `browserify a/index.js -t babelify --outfile bundle.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the browserify-babelify-yarn-workspaces@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /home/user/.npm/_logs/2018-11-16T15_58_43_540Z-debug.log
我无法弄清楚为什么会这样.任何帮助,将不胜感激！
解决方法
我认为我的问题实际上是在Babel文档中描述的.
https://babeljs.io/docs/en/config-files#monorepos说解决方案是使用babel.config.js文件而不是.babelrc文件.删除.babelrc并将其放入babel.config.js似乎确实有效：
module.exports = function (api) {
api.cache(true);
const presets = ["@babel/preset-env"];
const plugins = [];
return {
presets,plugins
};
}
