Fügen Sie das CSS aus dem Ordner node_modules mit eckigen cli

Question

Ich habe eine neue Bibliothek mit Npm installiert, so weit so gut. Jetzt möchte ich das CSS dort in mein Projekt importieren, offensichtlich sollte ich nicht direkt auf den Ordner node_modules verlinken. Also, gibt es eine einfache Möglichkeit, dies in mein Projekt zu importieren? Ich benutze Angular CLI.

Ich habe eine Idee, aber ich bin mir nicht sicher, ob es eine gute Idee ist - ich dachte über die Installation von Schluck/Grunt und dann den Stil dort und geben Sie es als vendor.css in mein Projekt. Ist es überhaupt möglich?

Answer 1

Gehen Sie zuerst zu Ihrer eckigen-cli-build.js-Datei und fügen Sie einen Eintrag in das Array vendorNPMFiles ein. Dadurch werden Ihre node_modules-Dateien während des Builds in das Verzeichnis/vendor kopiert. Jetzt können Sie Ihre CSS in Ihrer index.html als /vendor/folder/file.css referenzieren.

Beispiel: Winkel-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">