不允许属性postcss
时间: 2023-08-30 18:12:23 浏览: 120
详细解读CSS的预编译器PostCSS
如果你不想在 `angular.json` 文件中使用 `postcss` 属性来配置 PostCSS,你也可以在 `angular.json` 文件中使用 `stylePreprocessorOptions` 属性来配置 PostCSS。
以下是一个示例:
```json
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/my-app",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/assets"
],
"stylePreprocessorOptions": {
"includePaths": [
"src/styles"
],
"use": [
"postcss-import",
"postcss-preset-env"
]
},
"styles": [
"src/styles/styles.css"
],
"scripts": []
},
"configurations": {
"production": {
...
}
}
},
...
}
```
在上面的示例中,我们使用 `stylePreprocessorOptions` 属性来配置 PostCSS,将 `use` 属性设置为需要使用的 PostCSS 插件列表。
注意,在使用 `stylePreprocessorOptions` 属性时,`styles` 属性中的 CSS 文件路径应该以 `src/` 为前缀,例如 `src/styles/styles.css`。
阅读全文