小编Nic*_*wen的帖子

如何在Vite中设置PostCSS嵌套?

这是我到目前为止尝试过的:

\n
    \n
  1. 通过安装npm install postcss-nesting --save-dev

    \n
  2. \n
  3. 设置 vite.config.js:

    \n
  4. \n
\n
import { fileURLToPath, URL } from 'url';\nimport { defineConfig } from 'vite';\nimport vue from '@vitejs/plugin-vue';\nimport postcssNesting from 'postcss-nesting';\n\nexport default defineConfig({\n    plugins: [\n        vue(),\n        postcssNesting\n    ],\n  \n    resolve: {\n        alias: {\n            '@': fileURLToPath(new URL('./src', import.meta.url))\n        }\n    }\n});\n
Run Code Online (Sandbox Code Playgroud)\n

但它\xe2\x80\x99s 不起作用。设置 PostCSS 以便我可以使用 CSS 嵌套的正确方法是什么\xe2\x80\x99?

\n

vue.js postcss vuejs3 vite

10
推荐指数
2
解决办法
4万
查看次数

标签 统计

postcss ×1

vite ×1

vue.js ×1

vuejs3 ×1