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

Question

我使用 angular CLI 生成了一个 angular 应用程序。我正在尝试将（gulp 术语）文件从 node_modules 传输到 app/assets 目录，这样我就可以在应用程序文件夹中使用引导程序 css。首先我认为它是由 Webpack 完成的，所以我做了 "ng eject" 来获得 ng-eject，但后来我得到了 angular-cli.json 的 "assets" 看起来正确现在如下：

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

这是行不通的。

我习惯于咕哝 gulp 在那里你可以具体指定哪些文件将被传输到哪些目录，我很难找到关于我如何使用 angular-cli.

使用 angular-cli 和 webpack 将 css 文件从 node_modules 移动到 app/assets 的正确方法是什么？

Answer 1

经过研究，我得出以下结论...... Webpack 不像 gulp/grunt 不使用管道编译，也不将文件传输到 bundle 文件夹，它使用加载器（css-loader，file-loader ...）和导入语句加载 css直接进入DOM。 Angular-cli 使用，因此在选择使用 angular CLI 时管道策略不相关。但是 css 加载（对于全局 css 和脚本）是通过使用 angular-cli.json 解决的，它具有 scripts/style 数组来保存全局脚本的路径和要加载到索引头部的样式 html。显然，如果您选择 angular-cli，您就会陷入这种策略，它不太灵活但更方便。

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

Move a file from node_modules to assets using angular-cli.json

javascript

typescript

webpack

angular-cli

angular4-forms