当使用webpack + babel编译我的某些链接(如npm链接)依赖项时,出现该错误。
我正在使用最新版本的npm / webpack / babel。我正在用JS6编写我的核心依赖项,并以NPM包的形式发布。我只捆绑我的webapp和更高级别的程序包,并且将webpack配置为在迁移时打包核心部门。
换句话说,我在node_modules
中的某些依赖项需要进行转译。当我使用发布的软件包(npm安装)时,它工作正常,但是当我使用开发存储库(npm链接)时,该错误失败了:
错误:无法在{模块存储库路径中,不在项目树下)解析'@ babel / runtime / regenerator'
我发现的临时解决方案是对核心依赖项存储库中的npm install --no-save @babel/runtime
,但是每次我npm update
都将其删除,所以很烦人。
webpack.config.js:
const webpack = require('webpack')
const config = {
devtool: 'source-map',
module: {
rules: [
{
test: /\.(js)$/,
loader: 'babel-loader'
}
]
}
}
const library = Object.assign({}, config, {
entry: './src/index.js',
output: {
path: __dirname + '/web',
filename: 'cosmic-lib.js',
library: 'cosmicLib',
libraryTarget: 'umd',
globalObject: 'typeof self !== \'undefined\' ? self : this'
},
externals: { 'stellar-sdk': 'stellar-sdk' }
})
module.exports = [ library ]
我想找到一种方法,使这些核心依赖项在开发环境中转译而不必更改其原始存储库。