在一个反应项目中,我使用了react-boilerplate但是在前端需要包含转换的私有模块。为了让babel转换那些我设置排除到与babel相关的webpack配置中的以下函数:
rules: [
{
test: /\.js$/, // Transform all .js files required somewhere with Babel
// eslint-disable-next-line object-shorthand, func-names
exclude: function (modulePath) {
return /node_modules/.test(modulePath) &&
!/node_modules\/@trade-quorum\/tq-helpers/.test(modulePath);
},
use: {
loader: 'babel-loader',
options: options.babelQuery,
},
},
它完美无缺。
现在我在不同的项目中使用了相同的技巧,但这一次,在生成的包中包含tq-helpers但没有转换成ES5 - ES6代码直接在bundle中,构建引发错误(更具体地说是UglifyJS )。
这个包的依赖关系必须有一个理由在两个项目中不相同但很难找到。我想知道是否有一种方法可以详细调试babel为特定包装做什么以找到原因。
感谢您的帮助,
最佳,
迪迪埃