5

angular 2 typescript ソリューションをセットアップし、マテリアル angular 2 npm パッケージを追加しました。

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

すべてが、足場のソース フォルダーから dist フォルダーに適切にコピーされます。

次に、angular 2 マテリアル npm パッケージを追加します。

npm install ng2-material --save

でも、ここからどうする？必要なファイルを 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-folder 内の他のファイルがどのようにコピーされるかはまだわかりません。vendorNpmFiles 配列が空でした。

4

2 に答える 2