如果升级到1.0.0-beta.11-webpack.3
或更高版本,可以使用的angular-cli.json
的apps[0].styles
属性列出外部样式表进口。有了这个,你不必添加任何东西到index.html
。
要升级从1.0.0-beta.11-webpack.2
到1.0.0-beta.11-webpack.3
,运行:
npm uninstall -g angular-cli
npm cache clean
npm install -g [email protected]
注意:您可能需要升级到Node.js的6,如果你运行ng version
得到SyntaxError: Unexpected token ...
错误。详情请参阅https://github.com/angular/angular-cli/issues/1883。
如果您生成一个新的项目,并安装引导,你angular-cli.json
看起来应该是这样的:在ng build
{
"project": {
"version": "1.0.0-beta.11-webpack.3",
"name": "demo"
},
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": "assets",
"index": "index.html",
"main": "main.ts",
"test": "test.ts",
"tsconfig": "tsconfig.json",
"prefix": "app",
"mobile": false,
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [],
"environments": {
"source": "environments/environment.ts",
"prod": "environments/environment.prod.ts",
"dev": "environments/environment.dev.ts"
}
}
],
"addons": [],
"packages": [],
"e2e": {
"protractor": {
"config": "./protractor.conf.js"
}
},
"test": {
"karma": {
"config": "./karma.conf.js"
}
},
"defaults": {
"styleExt": "css",
"prefixInterfaces": false,
"lazyRoutePrefix": "+"
}
}
我应该包括那个问题。我已经尝试了两个版本(有和没有'../')具有相同的效果(好...没有效果)。 –
也许你可以使用[ng2-bootsrap](https://github.com/valor-software/ng2-bootstrap)像[这里](http://stackoverflow.com/questions/37649164/how-to-add- bootstrap-to-an-angular-cli-project) –
ng2-bootstrap只添加js,没有CSS,所以安装它并没有帮助。提供quistion所提供的CSS的方法不适用于webpack –