设置angular公共样式表

2017-09-13 12:29:57来源:cnblogs.com作者:小老虎网络人点击

分享

一、现象:

新创建的项目,是直接显示在src目录下的,假如会用到其它第三方的全局样式时,不能统一放在一个地方统一来管理,就会感觉有点乱。

二、解决:

1、移动样式表。

  在assets文件夹(该文件夹一般都是放一些静态的文件)下新建 css文件夹,然后把外面的styles.css文件(或自定义其它的样式表,如 common.css)剪贴到css文件夹下;

2、更改全局样式路径。

  (1)、打开根目录下的 .angular-cli.json 找到样式路径设置的地方,大概2行,如图:

    

  

  (2)、更新路径,把之前放在assets的文件的路径设置在这,如图:

         

         

  (3)、重新启动服务即可,命令 ng serve

三、总结:

同一类的东西就应该放在统一的地方进行管理。

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台