我有一个针对打字稿web项目的systemjs构建。有很多来自第三方依赖项的微小文件 - 我已经使用webpack将这些文件捆绑到一个vendor.bundle.js
文件中。我只想使用systemjs加载和转换我的项目打字稿文件+ angular2,并加载第三方deps,只需一次供应商捆绑。这将最大限度地减少休息呼叫的数量,并使我的开发速度更快。目前,我使用<script src="scripts/vendor.bundle.js"></script>
在我的index.html中加载了包,但是systemjs仍尝试通过单独的休息调用导入第三方deps。任何想法如何让systemjs尊重供应商包?
E.g。在我的供应商包中我有像bootstrap.js这样的东西,但是在运行import 'bootstrap';
时,systemjs仍然会尝试加载它给我一个404:https://localhost:8081/bootstrap.js 404 ()
这是Systemjs配置:
{
"transpiler": "typescript",
"defaultJSExtension": false,
"map": {
"app": "./scripts",
"@angular": "node_modules/@angular",
"rxjs": "node_modules/rxjs",
},
"packages": {
"app": {
"defaultExtension": "ts",
"main": "main"
},
"rxjs": {
"main": "Rx.js",
"defaultExtension": "js"
},
"@angular/common": {
"main": "/bundles/common.umd.js",
"defaultExtension": "js"
},
"@angular/compiler": {
"main": "/bundles/compiler.umd.js",
"defaultExtension": "js"
},
"@angular/core": {
"main": "/bundles/core.umd.js",
"defaultExtension": "js"
},
"@angular/forms": {
"main": "/bundles/forms.umd.js",
"defaultExtension": "js"
},
"@angular/http": {
"main": "/bundles/http.umd.js",
"defaultExtension": "js"
},
"@angular/platform-browser": {
"main": "/bundles/platform-browser.umd.js",
"defaultExtension": "js"
},
"@angular/platform-browser-dynamic": {
"main": "/bundles/platform-browser-dynamic.umd.js",
"defaultExtension": "js"
},
"@angular/router": {
"main": "/bundles/router.umd.js",
"defaultExtension": "js"
}
},
"typescriptOptions": {
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"module": "commonjs",
"tsconfig": true
},
"meta": {
"typescript": {
"exports": "ts"
}
},
"defaultJSExtensions": true
}