angularcliを使ってnode_modulesフォルダからCSSを追加します

Question

これまでのところ、npmで新しいライブラリをインストールしました。今私は自分のプロジェクトにCSSをインポートしたい、明らかに私はnode_modulesフォルダに直接リンクすべきではない。ですから、これを私のプロジェクトにインポートするのは簡単ですか？ Angular CLIを使用しています。

アイデアはありますが、それが良いアイディアかどうかはわかりません.Gulp/Gruntのインストールを考えて、そこでスタイルを要求してvendor.cssという名前をプロジェクトに出力します。それも可能ですか？

Answer 1

まず、angular-cli-build.jsファイルに移動し、vendorNPMFiles配列にエントリを追加します。ビルド中にnode_modulesファイルが/ vendorディレクトリにコピーされます。これでindex.htmlの/vendor/folder/file.cssとしてあなたの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">