Angular CLI路由node_modules

我目前正在讓我的腳在角度cli環境中變得潮溼，我試圖以感覺正確的方式從我的模塊導入bootstrap.css。Angular CLI路由node_modules

我目前從我的app.component.css導入它像這樣：

@import "../../node_modules/bootstrap/dist/css/bootstrap.min.css";

這個工作，但不得不說真的應該被隱藏不陪我坐好一個文件夾中的相對路徑。

在過去，我已經使用節點通過使用快遞靜態路由來解決這個問題：

var express = require('express'); 
var app = express(); 
app.use('/scripts', express.static('node_modules'));

但由於角度CLI似乎切點出了發展過程中，我正在尋找一個替代方式來做到這一點。

我嘗試添加到我的module.ts：

import { RouterModule } from '@angular/router'; 

imports: [ 
    RouterModule.forRoot([ 
     { path: 'scripts', redirectTo: './node_modules', pathMatch: 'full' } 
    ]) 
]

但這不到風度似乎做任何事情。我不確定我是否錯誤地引用了我的路徑，或者我一起濫用路由器模塊。

有沒有更好的方法來引入第三方資產？

來源

2017-09-02 SpringsTea

你不需要路由器來導入第三方的css或js在角 –

路由器更關於避免使用路徑node_modules – SpringsTea

Angular CLI將在構建之後將所有CSS代碼壓縮成幾個文件。你不需要公開bootstrap.min.css，但它可以通過角路由來工作。

相反，you can include it in configuration file。

來源

2017-09-02 20:19:18 abskmj

謝謝，我覺得有這樣的事情。但我仍然必須將其指向我的node_modules文件夾？我想我可以做一個路徑變量... – SpringsTea

Angular CLI路由node_modules

回答

相關問題