我已经设置了一个有角度的2打字稿解决方案,并添加了材料角2 npm包.
npm install -g angular-cli
ng new PROJECT_NAME
cd PROJECT_NAME
ng build
Run Code Online (Sandbox Code Playgroud)
一切都很好地从我的脚手架源文件夹复制到dist文件夹.
然后我添加了角度2材质npm包:
npm install ng2-material --save
Run Code Online (Sandbox Code Playgroud)
但是我从这里做什么?如何告诉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>
...
Run Code Online (Sandbox Code Playgroud)
我的包文件最终看起来像这样: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();
}
Run Code Online (Sandbox Code Playgroud)
现在我的文件被复制了.仍然不明白dist文件夹中的其他文件是如何被复制的.vendorNpmFiles数组为空.