设置Angular路径别名用于ts、js、scss、less

简介: 设置Angular路径别名用于ts、js、scss、less

tsconfig.json的 "baseUrl": "./",同一级加配置ts别名路径

...
    // 全局ts路径别名
    "paths": {
      "@app/*": ["src/app/*"],
      "@assets/*": ["src/assets/*"],
      "@env/*": ["src/environments/*"],
    },
...

angular.json>projects>...>architect>build>options>加入配置css别名路径

...
            "stylePreprocessorOptions": {
              "includePaths": ["src/assets/css"]
            },
...

引用的代码

引用ts

import { SgService } from '@app/common/sg.service';
引用scss
@import 'sg';
@import 'sg1';


相关文章
|
29天前
|
JavaScript
JS设置日期为0时0分0秒
项目中经常要给设置默认值,搜索从哪天开始,这时候,如果直接通过new Date()来获取时间,会有时分秒,如果快速设置为0时0分0秒?
24 0
|
5天前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
3月前
|
JavaScript 数据安全/隐私保护
|
4月前
|
JSON JavaScript 数据格式
NPM 发包 js 文件并支持 ts 使用(包含 gulp 打包压缩)
NPM 发包 js 文件并支持 ts 使用(包含 gulp 打包压缩)
57 0
|
5天前
设置Open in Terminal快捷键Alt+Shift+Z,方便angular项目的各种命令输入(多任务状态下)
设置Open in Terminal快捷键Alt+Shift+Z,方便angular项目的各种命令输入(多任务状态下)
|
1月前
|
JavaScript
JS动态转盘可自由设置个数与概率
JS动态转盘可自由设置个数与概率
|
2月前
|
JavaScript 前端开发 开发者
JavaScript(JS)和TypeScript(TS)的区别
JavaScript(JS)和TypeScript(TS)的区别
28 0
|
2月前
|
JavaScript
「为什么代码要整洁?」——代码整洁度对于项目质量的影响,让我们通过这边文章来教你js和ts的代码整洁技巧,让你的项目更出众(上)
代码质量与整洁度成正比。有的团队在赶工期的时候,不注重代码的整洁,代码写的越来越糟糕,项目越来越混乱,生产力也跟着下降,那就必须找更多人来提高生产力,开发成本越来越高。
|
3月前
|
传感器 JavaScript 前端开发
前端框架Svelte放弃TS,如何使用纯JS实现类型检查?
前端框架Svelte放弃TS,如何使用纯JS实现类型检查?