自动处理CSS文件

时间:2018-06-14 22:15:47

标签: css angular

我正在Angular 2(v4)项目中做一些UI开发,目前必须重新运行ng serve...来重新编译新样式,以便让它们显示在应用程序中。

有没有办法让CSS样式自动编译,就像将html标签添加到给定组件实时更新应用程序一样?

2 个答案:

答案 0 :(得分:1)

它应该在服务时自动执行。 请提供更多详细信息。

尝试禁用使用"安全写入"在IDE的设置中,如果这是一件事。它可能会偶然导致该问题(Jetbrains中的设置|外观和行为|系统设置问题)

更改Angular CLI版本?

检查你的.angular-cli.json可能就在那里。

答案 1 :(得分:1)

有两种方法可以将css文件添加到项目中:
一种方法是将css文件添加到资源,然后从style.css导入文件,如下所示

@import url('./assets/theme.css'); 

在这种情况下,文件将监视更改

angular.json的另一种方法是将css文件添加到样式数组

   "styles": [
            "src/assets/theme.css",
             "src/styles.css"
    ],

注意运行角度服务器againg所需的 angular.json 文件的任何更改

{{'Happy Coding'}}