供应商捆绑+ systemjs

时间:2017-10-10 13:32:30

标签: typescript webpack bundle systemjs

我有一个针对打字稿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 }

0 个答案:

没有答案