angular13 中配置postcss

在 Angular 13 中配置 PostCSS 需要进行以下步骤：

1. 安装 PostCSS 和所需的插件。可以使用 npm 或 yarn 进行安装，例如：

   npm install postcss postcss-import postcss-preset-env --save-dev

2. 在项目的根目录下创建一个 `postcss.config.js` 文件，并配置插件：

   module.exports = {
     plugins: [
       require('postcss-import'),
       require('postcss-preset-env')({
         stage: 3
       })
     ]
   }

在上面的配置中，我们使用了 `postcss-import` 插件用于处理 `@import` 语句，以及 `postcss-preset-env` 插件用于将最新的 CSS 语法转换成浏览器可识别的语法。

3. 在 `angular.json` 文件中配置 PostCSS。找到 `projects -> your-project-name -> architect -> build -> options -> postcss` 节点，并将其设置为 `true`：

   "options": {
     "postcss": true
   }

这样就完成了 PostCSS 的配置。在构建项目时，Angular CLI 会自动使用 PostCSS 处理 CSS 文件。