@angular/cli 工程中使用scss文件
2017-02-25 12:20
246 查看
如果你创建工程项目用angular-cli 你的样式文件想使用scss, 并且让ng serve自动编译它们
你可以在创建项目的时候用 ng new sassy-project --style=sass
或者通过ng set defaults.styleExt scss 来修改你现有的项目
然后修改.angular-cli.json的
"styles": [
"styles.css" // "styles.scss"
]
和component里面使用到的scss
重新运行ng serve命令,这时scss文件就可以直接用到我们的angular项目里了
你可以在创建项目的时候用 ng new sassy-project --style=sass
或者通过ng set defaults.styleExt scss 来修改你现有的项目
然后修改.angular-cli.json的
"styles": [
"styles.css" // "styles.scss"
]
和component里面使用到的scss
重新运行ng serve命令,这时scss文件就可以直接用到我们的angular项目里了
相关文章推荐
- Angular2-使用Angular-CLI快速搭建工程(二)
- Angular2使用Angular-CLI快速搭建工程(二)
- Angular Chart 使用说明(基于angular工程)
- angular-cli下使用bootstrap
- 使用vue-cli构建vue工程,及一些小坑的记录
- angular-cli 安装与使用
- Angular-Cli+nginx使用gzip static再次加快应用访问速度!!!
- 将FreeRTOS-Plus-CLI项目加入工程使用歩骤1
- Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装
- 使用angular-cli构建angular2项目时遇到的问题及解决方案
- angular2 cli 命令使用
- 使用Angular-cli搭建Angular Material 2应用示例
- 【AngularJs】使用angular-cli实现多国语言i18n
- 使用angular-cli发布i18n多国语言Angular应用
- vue使用vue-cli快速创建工程
- Angular-CLI工具使用文档翻译
- 使用 angular-cli 创建 angular2 项目
- 详解使用angular-cli发布i18n多国语言Angular应用
- vue学习笔记-使用vue-cli脚手架快速创建vue项目工程
- 在Angular-cli中使用Pug(Jade)模板