2017-09-02 146 views
0

我目前正在让我的脚在角度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' } 
    ]) 
] 

但这不到风度似乎做任何事情。我不确定我是否错误地引用了我的路径,或者我一起滥用路由器模块。

有没有更好的方法来引入第三方资产?

+0

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

+0

路由器更关于避免使用路径node_modules – SpringsTea

回答

1

Angular CLI将在构建之后将所有CSS代码压缩成几个文件。你不需要公开bootstrap.min.css,但它可以通过角路由来工作。

相反,you can include it in configuration file

+0

谢谢,我觉得有这样的事情。 但我仍然必须将其指向我的node_modules文件夹? 我想我可以做一个路径变量... – SpringsTea