Node_modules klasöründen CSS'yi açısal kısayol kullanarak ekleyin.

Question

npm ile yeni bir kitaplık kurdum, çok iyi. Şimdi oradaki css'yi projeme aktarmak istiyorum, açıkçası doğrudan node_modules klasörüne bağlanmamalıyım. Peki, bunu projeme aktarmak için basit bir şey var mı? Angular CLI kullanıyorum.

Bir fikrim var, ama iyi bir fikir olup olmadığından emin değilim - gulp/grunt'ı yükleme ve sonra oradaki stile gereksinim duymayı düşündüm ve projeme vendor.css olarak çıktı. Bu mümkün mü?

Answer 1

İlk önce angular-cli-build.js dosyasına gidin ve vendorNPMFiles dizisine bir giriş ekleyin. Bu, node_modules dosyalarınızı derleme sırasında/vendor dizinine kopyalayacaktır. Artık css'nizi index.html dosyasında /vendor/folder/file.css olarak referans alabilirsiniz.

Örn: açısal-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 Çözmedim

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