css - 如何使用 Angular 4 及以上版本的 webpack.config 将 sass 与编译集成到 css 中?
问题描述
如何使用 Angular 4 及以上版本的 webpack.config.js 将 sass 与编译集成到 css 中?
解决方案
如果您使用 angular v4,v5 转到您的.angular.cli.json
并将属性更改"styles":["styles.css"]
为"styles":["styles.scss"]
并将属性更改"styleExt":css
为styleExt:"scss"
,对于版本 6 转到angular.json
并执行相同的操作 * 在 angular 6styleExt
中styleext
,styleext 用于.scss
在新组件中自动生成文件,而不是.css
使用 cli 生成新文件时 + 将所有文件和文件路径从 重命名.css
为.scss
推荐阅读
- xamarin.forms - 在 google play 上上传 Xamarin 应用程序 (Alpha) - 未优化的 APK
- sql - 通过与下一行比较来选择行
- html - 如何通过水平父块居中图标?
- python - 为什么 Python 会在某些列表元素中添加换行符?
- java - 尝试按下录制按钮时应用程序崩溃
- jquery - 如何将 jQuery 元素添加到现有元素的末尾(而不是将其附加到每个元素)?
- python - 为什么我的代码不能在多个线程上运行?
- php - laravel 无法在刀片页面中加载 pdf 文件进行显示
- arrays - T-SQL:如何解析 JSON 数组并提取单个属性值?
- python - TensorFlow 服务 RAM 使用情况