使用angular-cli.json将文件从node_modules移动到资产

Question

我已经使用angular CLI生成了angular应用。 而且我正在尝试将来自node_modules的文件（gulp术语）通过管道传送到app / assets目录，这样我可以在app文件夹中使用bootstraps css。 首先，我认为它是由Webpack完成的，所以我进行了“ ng弹出”来获取ng-eject，但是随后我看到了angular-cli.json的“资产”，它现在看起来如下：

"assets": [
    "assets",
    "favicon.ico",
    { "glob": "**/*", "input": "../node_modules/bootstrap/dist/css/", 
    "output": "./assets/" }
  ]

哪个不起作用。

我习惯于咕unt咕地大叫，在这里您可以具体指定将哪些文件通过管道传输到哪些目录，并且我很难找到有关如何使用angular-cli的答案。

使用angular-cli和webpack将css文件从node_modules移动到应用程序/资产的正确方法是什么？

Answer 1

经过研究后，我发现以下问题...与gulp / grunt不同，Webpack不使用管道进行编译，也不将文件传输到bundle文件夹，而是使用装载程序（css-loader，file-loader ...）并导入直接将CSS加载到DOM中的语句。 Angular-Cli使用，因此在选择使用角度CLI时，管道策略不相关。 但是，通过使用angular-cli.json解决了css的加载（针对全局css和脚本），该文件具有scripts / style数组来保存指向全局脚本的路径，并将样式加载到索引html的头部。 显然，如果您选择angular-cli，则您会坚持使用这种策略，这种策略不太灵活，但更令人信服。