AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2023-12-15 137
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 设置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';


文章标签：
JavaScript
前端开发
关键词：
设置JavaScript
JavaScript angular
JavaScript设置
Angular设置
JavaScript ts
你挚爱的强哥
目录
相关文章
大树营养快线
|
3月前
|
JavaScript 前端开发 API
Vue.js与Angular的优劣分析
Vue.js和Angular都是非常流行的JavaScript框架，它们在构建现代Web应用程序方面各有优劣
大树营养快线
123 64
土木林森
|
3月前
|
JavaScript 前端开发 开发者
前端框架对比：Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第27天】在前端开发领域，Vue.js和Angular是两个备受瞩目的框架。本文对比了两者的优劣，Vue.js以轻量级和易上手著称，适合快速开发小型到中型项目；Angular则由Google支持，功能全面，适合大型企业级应用。选择时需考虑项目需求、团队熟悉度和长期维护等因素。
土木林森
98 1
土木林森
|
3月前
|
JavaScript 前端开发 API
前端框架对比：Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第26天】前端技术的飞速发展让开发者在构建用户界面时有了更多选择。本文对比了Vue.js和Angular两大框架，介绍了它们的特点和优劣，并给出了在实际项目中如何选择的建议。Vue.js轻量级、易上手，适合小型项目；Angular结构化、功能强大，适合大型项目。
土木林森
123 1
源码星辰
|
4月前
|
开发框架 前端开发 JavaScript
React、Vue.js 和 Angular主流前端框架和选择指南
在当今的前端开发领域，选择合适的框架对于项目的成功至关重要。本文将介绍几个主流的前端框架——React、Vue.js 和 Angular，探讨它们各自的特点、开发场景、优缺点，并提供选择框架的建议。
源码星辰
107 6
游客qeoynko2nmbgk
|
5月前
|
JavaScript 前端开发 Python
JavaScript写个.ts视频文件Url生成器，使用了string.padStart
JavaScript写个.ts视频文件Url生成器，使用了string.padStart
游客qeoynko2nmbgk
41 2
源码星辰
|
5月前
|
前端开发 JavaScript API
React、Vue.js 和 Angular前端三大框架对比与选择
前端框架是用于构建用户界面的工具和库，它提供组件化结构、数据绑定、路由管理和状态管理等功能，帮助开发者高效地创建和维护 web 应用的前端部分。常见的前端框架如 React、Vue.js 和 Angular，能够提高开发效率并促进团队协作。
源码星辰
246 4
六卿
|
5月前
|
JavaScript
Vue3基础(19)___vite.config.js中配置路径别名
本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名，以及如何在页面中使用这些别名导入模块。
六卿
203 0
Vue3基础(19)___vite.config.js中配置路径别名
极简博客
|
5月前
|
前端开发 JavaScript 开发者
Express.js与前端框架的集成：React、Vue和Angular的示例与技巧
本文介绍了如何将简洁灵活的Node.js后端框架Express.js与三大流行前端框架——React、Vue及Angular进行集成，以提升开发效率与代码可维护性。文中提供了详细的示例代码和实用技巧，展示了如何利用Express.js处理路由和静态文件服务，同时在React、Vue和Angular中构建用户界面，帮助开发者快速掌握前后端分离的开发方法，实现高效、灵活的Web应用构建。
极简博客
119 3
武子康
|
4月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
武子康
82 0
土木林森
|
6月前
|
开发者 Java 存储
JSF 与 CDI 携手共进，紧跟技术热点，激发开发者情感共鸣，开启高效开发新征程
【8月更文挑战第31天】JavaServer Faces (JSF) 与 Contexts and Dependency Injection (CDI) 在 Java EE 领域中紧密协作，助力开发者高效构建现代 Web 应用。JSF 凭借其丰富的组件库和页面导航功能受到青睐，而 CDI 则优雅地管理对象生命周期并实现依赖注入。两者结合，不仅简化了复杂企业应用的开发，还实现了松耦合架构，增强了代码的灵活性、可维护性和可扩展性。通过示例展示了如何利用 CDI 将业务服务对象注入 JSF Managed Bean，以及如何在不同页面间共享数据，突显了这一组合的强大功能。
土木林森
51 0

热门文章

最新文章

  • 1
    JavaScript闭包深入剖析：性能剖析与优化技巧
  • 2
    如何通过pm2以cluster模式多进程部署next.js（包括docker下的部署）
  • 3
    JavaWeb JavaScript ③ JS的流程控制和函数
  • 4
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
  • 5
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
  • 6
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
  • 7
    【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
  • 8
    【JavaScript】深入理解 let、var 和 const
  • 9
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
  • 10
    盘点原生JS中目前最没用的几个功能API
  • 1
    如何使用 Spring Boot 和 Angular 开发全栈应用程序：全面指南
    75
  • 2
    Vue.js与Angular的优劣分析
    123
  • 3
    前端框架对比：Vue.js与Angular的优劣分析与选择建议
    98
  • 4
    前端框架对比：Vue.js与Angular的优劣分析与选择建议
    123
  • 5
    “Angular高手必看：模块化与依赖注入的绝妙搭配，让你的代码瞬间高大上！”
    71
  • 6
    前端serverless探索之组件单独部署时，利用rxjs实现业务状态与vue-react-angular等框架的响应式状态映射
    117
  • 7
    Angular 应用打包和部署
    208
  • 8
    在 angular 中设置合适的变更检测策略
    35
  • 9
    angular前端基本页面验证
    46
  • 10
    React、Vue.js 和 Angular主流前端框架和选择指南
    107

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境
    • 下一篇
    阿里云oss简介和如何对接使用