Добавить CSS из папки node_modules с помощью углового cli

Question

Я установил новую библиотеку с номером npm, настолько хорошо. Теперь я хочу импортировать css туда в свой проект, очевидно, я не должен напрямую ссылаться на папку node_modules. Итак, есть ли простой способ импортировать это в мой проект? Я использую Angular CLI.

У меня есть идея, но я не уверен, что это хорошая идея. Я думал об установке gulp/grunt, а затем потребовал стиль там и вывел его как vendor.css в свой проект. Возможно ли это?

Answer 1

Сначала перейдите в файл angular-cli-build.js и добавьте запись в массив vendorNPMFiles. Это скопирует файлы node_modules в каталог/vendor во время сборки. Теперь вы можете ссылаться на свой css в своем index.html как /vendor/folder/file.css.

Например: угловая-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">