postcss如何忽略某个文件夹

Question

在vue-cli3使用postcss，如何忽略某个文件夹，不让它影响里面的样式？

vue.config.js代码如下

css: { // 配置高于chainWebpack中关于css loader的配置
modules: false, // 是否开启支持‘foo.module.css’样式
extract: true, // 是否使用css分离插件 ExtractTextPlugin，采用独立样式文件载入，不采用<style>            方式内联至html文件中
sourceMap: false, // 是否在构建样式地图，false将提高构建速度
loaderOptions: { // css预设器配置项
  css: {
    localIdentName: '[name]-[hash]',
    camelCase: 'only'
  },
  postcss: {
      // test: /\.css$/,
      // loader: 'postcss',
      // exclude: path.resolve(__dirname,'/node_modules/'),
  },
  stylus: {}
}

},
求大佬解答

Answer 1

楼主，你好！你的配置有点问题。可以试试下面的配置，亲测可以。

// vue.config.js
module.exports = {
    css: {
        loaderOptions: {
            postcss: {
                exclude: ['src']
            }
        }
    }
}

可以通过命令 vue inspect 验证，看下打印出来的配置是否正确。

如有帮助，麻烦点击下采纳，谢谢~