前端，postcss 简单的配置，

webpack.config.js

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');
module.exports = {
  module: {
    rules: [
      MiniCssExtractPlugin.loader,
      {
        loader: require.resolve('css-loader'),
        options: {
        	importLoaders: 1,
            modules: {
              getLocalIdent: getCSSModuleLocalIdent,
            },
            localsConvention: 'camelCase',
        },
      },
      {
        loader: require.resolve('postcss-loader'),
        options: {
          ident: 'postcss',
          plugins: () => [
            require('postcss-flexbugs-fixes'),
            require('postcss-nested'),
            require('postcss-preset-env')({
              browsers: [
                '>1%',
                'last 4 versions',
                'Firefox ESR',
                'not ie < 9'
              ],
              autoprefixer: {
                flexbox: 'no-2009',
              },
              stage: 3,
            }),
          ],
        },
      },
    ],
  }
}

vscode 配置

1. 需要安装下面的插件来给样式书写提供提示
   
2. vscode -> setting.json 中需要加入以下代码

   "files.associations":{
       "*.css": "postcss",
   },