我的代码中有以下ES6导入以从node_modules
文件夹中导入项目依赖项:
import React from 'react';
通过使用这个 webpack 配置,一切都按预期工作:
{
module: {
loaders: [
{
loader: 'babel',
test: /(\.js|\.jsx)/,
exclude: /(node_modules|bower_components)/
}
]
}
}
我最终得到一个包含已自动添加的 react 依赖项的捆绑文件。
但是,如果我将 babel 配置为用于modules: 'system'
将导入输出为System.register
:
{
module: {
loaders: [
{
loader: 'babel',
test: /(\.js|\.jsx)/,
exclude: /(node_modules|bower_components)/,
query: {
modules: 'system',
moduleIds: true,
keepModuleIdExtensions: true
}
}
]
}
}
然后捆绑的文件不再包含反应依赖项,我必须systemjs
在通过 webpack 后将库附加到编译的文件中。
我们应该如何使用 来处理这个配置webpack
?为什么不能像编译时那样webpack
捆绑 react 依赖项?system
commonjs
PS:我特别要求使用webpack
, not systemjs-builder
orjspm