如何正确地将scss / sass文件与angular-cli捆绑在一起？

Question

试图从吞噬迁移到angular-cli。 在gulp中，我们为scss捆绑提供了一个单独的插件-只需运行任务和结果到index.html ...

Answer 1

使用angular-cli安装项目时，默认情况下会使用css 。 为了使用scss，您需要执行以下操作：

• 使用npm install node-sass --save-dev （用于将scss编译为css）
• 将CSS文件重命名为.scss
• 更新对css文件的所有引用以使用正确的url

这就是您使用scss所需要做的一切。

有关正在运行的示例，请参见： https ： //www.dropbox.com/s/7i8k7578pr1klsl/angular-cli-test.zip？dl = 0

注意：所有不属于组件的styles.scss都应放入styles.scss （以前称为styles.css ，但您刚刚对其进行了重命名）。