Parcel-Angular5 :如何添加SCSS/SASS支持？

在Parcel-Angular5中添加SCSS/SASS支持的步骤如下：

1. 首先，确保你已经安装了Parcel和Angular CLI。如果没有安装，可以通过以下命令进行安装：

npm install -g parcel-bundler
npm install -g @angular/cli

1. 创建一个新的Angular项目：

ng new my-project
cd my-project

1. 安装node-sass和sass-loader依赖：

npm install node-sass sass-loader --save-dev

1. 打开项目根目录下的.angular-cli.json文件，找到"styles"属性，并将其修改为：

"styles": [
  "styles.scss"
],

1. 在项目根目录下创建一个名为styles.scss的文件，并在其中编写你的SCSS/SASS代码。
2. 在你的组件中，可以使用SCSS/SASS语法编写样式。例如，在app.component.ts中：

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

1. 运行项目：

ng serve

Parcel-Angular5会自动编译并加载你的SCSS/SASS文件，并将其应用到对应的组件中。

注意：在以上步骤中，我们使用了Parcel作为打包工具，它可以自动处理SCSS/SASS文件。如果你想了解更多关于Parcel的信息，可以访问腾讯云的Parcel产品介绍页面：Parcel产品介绍。