如何获得angular 2 cli将css和其他必要文件复制到dist文件夹

发布时间：2020-12-17 17:35:03 所属栏目：安全来源：网络整理

导读：我已经设置了一个有角度的2打字稿解决方案,并添加了材料角2 npm包. npm install -g angular-cling new PROJECT_NAMEcd PROJECT_NAMEng build 一切都很好地从我的脚手架源文件夹复制到dist文件夹. 然后我添加了角度2材质npm包： npm install ng2-material --s

我已经设置了一个有角度的2打字稿解决方案,并添加了材料角2 npm包.

npm install -g angular-cli
ng new PROJECT_NAME
cd PROJECT_NAME
ng build

一切都很好地从我的脚手架源文件夹复制到dist文件夹.

然后我添加了角度2材质npm包：

npm install ng2-material --save

但是我从这里做什么？如何告诉build命令将必需的文件从node_modules复制到dist文件夹.

神奇的位置确保将这些文件复制到dist / vendor文件夹中？

<body>
  <timer-app>Loading...</timer-app>

  <script src="vendor/es6-shim/es6-shim.js"></script>
  <script src="vendor/systemjs/dist/system-polyfills.js"></script>
  <script src="vendor/angular2/bundles/angular2-polyfills.js"></script>
  <script src="vendor/systemjs/dist/system.src.js"></script>
  <script src="vendor/rxjs/bundles/Rx.js"></script>

  <script src="vendor/angular2/bundles/angular2.dev.js"></script>
  <script src="vendor/angular2/bundles/http.dev.js"></script>
  <script src="vendor/angular2/bundles/router.dev.js"></script>
...

我的包文件最终看起来像这样：
https://gist.github.com/nikolaj-kaplan/e85d5805fd67c3ba3f1f

我希望我的困惑来自缺乏关于npm的知识.而不是角度cli. (因为更多的人能够帮助我).但我也没有很多经验.

编辑：

我喜欢这样：
https://stackoverflow.com/a/35900837/564623

module.exports = function (defaults) {
  var app = new Angular2App(defaults,{
      vendorNpmFiles: [
          'node_modules/ng2-material/dist/ng2-material.css'
      ]
  });
  return app.toTree();
}

现在我的文件被复制了.仍然不明白dist文件夹中的其他文件是如何被复制的. vendorNpmFiles数组为空.

解决方法

您不需要node_modules /前缀,vendorNpmFiles会自动搜索node_modules

module.exports = function(defaults) {
  return new Angular2App(defaults,{
    vendorNpmFiles: [
      'ng2-material/dist/ng2-material.css'
    ]
  });
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!