Nx工作区Angular项目缺失angular.json时如何引入CSS框架样式
Nx工作区Angular项目缺失angular.json问题解答
angular.json缺失是否为正常情况
是正常情况。
新版Nx工作区默认不会生成angular.json配置文件。Nx重构了Angular CLI原生的配置体系,将工作区全局配置、单个项目配置做了拆分存储,该文件缺失不属于项目初始化错误,不需要手动补建。
样式引用的配置位置
不需要依赖angular.json添加样式引用,可根据需求选择以下配置方式:
- 构建配置项添加:进入对应Angular应用的目录,找到
project.json文件(默认路径为apps/[你的应用名称]/project.json),定位到targets.build.options.styles配置数组,按照原生Angular项目angular.json中styles字段的写法,填入需要引入的CSS框架文件路径即可,构建时Nx会自动识别加载。 - 全局样式入口引入:直接打开应用的全局样式入口文件(默认路径为
apps/[你的应用名称]/src/styles.css,如果初始化时选择了SCSS/Less等预处理器,后缀对应调整即可),在文件顶部通过@import语法引入CSS框架的样式入口文件,该方式不需要修改构建配置,操作更简便。
组件级别的样式引用和普通Angular项目规则完全一致,直接在组件@Component装饰器的styleUrls字段中声明对应样式文件路径即可。

内容的提问来源于stack exchange,提问作者number01
相关产品推荐
相关产品推荐

