Dodaj CSS z folderu node_modules przy użyciu kątowego cli

Question

Zainstalowałem nową bibliotekę z npm, jak na razie tak dobrze. Teraz chcę zaimportować tam css do mojego projektu, oczywiście nie powinienem łączyć bezpośrednio z folderem node_modules. Czy istnieje prosty sposób importowania tego do mojego projektu? Używam Angular CLI.

Mam pomysł, ale nie jestem pewien, czy to dobry pomysł - pomyślałem o instalacji gulp/grunt, a następnie wymagałem stylu i wyprowadziłem go jako vendor.css do mojego projektu. Czy to możliwe?

Answer 1

Najpierw przejdź do pliku angular-cli-build.js i dodaj wpis do tablicy vendorNPMFiles. Spowoduje to skopiowanie plików node_modules do katalogu/vendor podczas kompilacji. Teraz możesz odwoływać się do swojego css w pliku index.html jako /vendor/folder/file.css.

np kątowe-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 snippet

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