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' }
])
]
但这不到风度似乎做任何事情。我不确定我是否错误地引用了我的路径,或者我一起滥用路由器模块。
有没有更好的方法来引入第三方资产?
答
Angular CLI将在构建之后将所有CSS代码压缩成几个文件。你不需要公开bootstrap.min.css
,但它可以通过角路由来工作。
+0
谢谢,我觉得有这样的事情。 但我仍然必须将其指向我的node_modules文件夹? 我想我可以做一个路径变量... – SpringsTea
你不需要路由器来导入第三方的css或js在角 –
路由器更关于避免使用路径node_modules – SpringsTea