如何使用angular-cli正确捆绑scss / sass文件？

Question

尝试从gulp迁移到angular-cli。在gulp中我们有一个单独的scss捆绑插件 - 只需运行任务并将结果运行到index.html ......

Answer 1

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

• 使用npm install node-sass --save-dev安装node-sass（这用于将scss编译为css）
• 将css文件重命名为.scss
• 更新对css个文件的所有引用，以使用正确的网址

为了使用scss，你需要做的就是这些。

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

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