如何在包含angular-cli的angular4中包含外部CSS和字体awsome?
我玩用CLI设置angular4,如何在包含angular-cli的angular4中包含外部CSS和字体awsome?
我strucked包括外部CSS文件和角CLI 1.0稳定版本字体要命,
我按照这些步骤
创建cli project-> include bootsrap,jquery->分离webpack.config.json(使用ng eject) - >包括加载到此工作正常,之后包括字体awsome但它不工作
所以我手动添加的字体要命包括webpack.conig甚至包括它不工作引发错误,如
谢谢
您需要通过使用
npm install font-awesome --save
安装软件包,并在条目添加到您的.angular-cli.json
:
"styles": [
...
"../node_modules/font-awesome/css/font-awesome.min.css",
"styles.css"
],
是的,我做到了,但它的NT工作,意味着它不给任何错误,但不要担心 –
请确保您提供 - 保存参数 –
相应的文件夹是否已下载到您的'node_modules'文件夹中? –
Officially这是可供下载或作为Ruby宝石。
如果您喜欢SASS,这是一种很好的代码编写方式,您应该知道Angular2可以处理.scss文件。
通常是使用的软件包管理器一个好办法,这样你就可以:
- Install RubyGems
- 安装依赖在其网站上所呈现
此行添加到您的应用程序的Gemfile:
gem'font-awesome-sass'
然后执行:
$束
或者自行安装为:
$创业板安装字体真棒 - 萨斯
转到由Angular-CLI创建的组件,并将.css文件重命名为.scss文件
将进口添加到您的。这取决于你从包
- 纳克服务
@import“字体真棒 - 链轮”需要什么SCSS文件;
@import“font-awesome”;
什么是减号? – andreim
为什么-2,难道我问错了问题 –