要在Angular 6项目中使用环境特定的SCSS文件,可以按照以下步骤进行设置:
"styles": [
"src/assets/styles/styles.scss",
// 其他样式文件
]
// styles.scss
// 导入环境特定的SCSS文件
@import 'styles.environment.scss';
// 其他全局样式
// styles.environment.scss
// 仅在开发环境中应用的样式
@if ENV === 'development' {
body {
background-color: red;
}
}
// 仅在生产环境中应用的样式
@if ENV === 'production' {
body {
background-color: blue;
}
}
// environment.ts
export const environment = {
production: false,
ENV: 'development'
};
这样,你就可以根据当前的环境设置来动态应用特定的SCSS样式文件和类。
上一篇:Angular6后端连接
下一篇:Angular6模板不看到更改