postcss不生效?

[13101138101]

[问题简单描述]

配置了postcss 但是不起作用?

.postcsssrc.js

module.exports = {
  'plugins': {
    'stylelint': {},
    'postcss-import': { path: './src/assets/css' },
    'postcss-mixins': {},
    'postcss-nested': {},
    'postcss-custom-properties': {},
    'autoprefixer': {},
    'postcss-mpvue-wxss': {},
    'postcss-reporter': {},
  },
};

assets/css/base.pcss

:root {
  --border: 1px solid red;
  --red: red;
}

App.vue

<style>
  @import "base.pcss";
  .container {
    border: var(--border);
    color: var(--red);
  }
</style>

build编译后是下面这样的,重复2次

dev编译后是这样的,重复3次

[zxzhgk]