使用angular度cli从node_modules文件夹添加CSS

我已经用npm安装了一个新的库，到目前为止这么好。 现在我想在那里导入的CSS到我的项目，显然我不应该直接链接到node_modules文件夹。 那么，有没有一个简单的做我的项目导入？ 我正在使用Angular CLI。

我有一个想法，但我不知道这是一个好主意 – 我想安装gulp / grunt，然后需要那里的风格，并将其作为vendor.css输出到我的项目。 这甚至有可能吗？

Answer 1

首先转到您的angular-cli-build.js文件并在vendorNPMFiles数组中添加一个条目。 这将在构build期间将您的node_modules文件复制到/ vendor目录。 现在你可以在你的index.html中将你的css引用为/vendor/folder/file.css。

例如：angular-cli-build.js

 /* global require, module */ var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); module.exports = function(defaults) { return new Angular2App(defaults, { vendorNpmFiles: [ 'systemjs/dist/system-polyfills.js', 'systemjs/dist/system.src.js', 'zone.js/dist/**/*.+(js|js.map)', 'es6-shim/es6-shim.js', 'reflect-metadata/**/*.+(js|js.map)', 'rxjs/**/*.+(js|js.map)', '@angular/**/*.+(js|js.map)', 'bootstrap/dist/**/*.*', 'lodash/lodash.min.js' ] }); }; 

index.html片段

 <link rel="stylesheet" href="vendor/bootstrap/dist/css/bootstrap.min.css">