Angular4 + MVC + CLI +使用cli build命令生成的dist文件夹进行部署

时间:2018-11-02 09:21:53

标签: asp.net-mvc angular deployment systemjs

我有一个 angular4 + MVC 项目。

我有一个生成的 dist 文件夹 通过cli中的ng build --prod命令以角形显示。

我要删除 节点模块 ,并仅检入这些dist文件以进行生产。

我的问题是我该如何指向使用 / dist 文件夹而不是 / node modules 来开始执行。

当前,我正在从我的layout.cshtml(在mvc中)使用system.import()来导入angular的应用程序模块。

 <script>
System.import('app/main.js').catch(function (err) { console.error(err); });

systemjs.config 文件中的内容也应该是什么,因为我的意图是消除节点模块,并且目前** systemjs.config **指向打开的节点模块文件夹。

(function (global) {System.config({
paths: {
  'npm:': 'node_modules/'
},
map: {
  'app': 'app',
  '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
  '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
  '@angular/animations': 'npm:@angular/animations/bundles/animations.umd.js',
  '@angular/animations/browser': 'npm:@angular/animations/bundles/animations-browser.umd.js',
  '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
  '@angular/platform-browser/animations': 'npm:@angular/platform-browser/bundles/platform-browser-animations.umd.js',

等等

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

这与您构建中的index.html有关-它包含所有脚本部分和polyfills

只需将dist文件夹中的index.html添加到cshtml文件中,然后将脚本和样式映射到构建版本的文件夹中即可

您只需要部署产品构建就可以了-您可以排除节点模块并签入更改

谢谢!编码愉快