postcss-import 无法识别别名解决方法

.postcssrc.js

// https://github.com/michael-ciniawsky/postcss-load-config
//
const webpackConfig = require('./build/webpack.base.conf.js')
// 使用 postcss-import-webpack-resolver 就可以识别别名了。
const createResolver = require('postcss-import-webpack-resolver')

module.exports = {
  "plugins": {
    // to edit target browsers: use "browserslist" field in package.json
    // https://www.npmjs.com/package/postcss-import-webpack-resolver
    "postcss-import": { 
      resolve: createResolver({
        alias: webpackConfig.resolve.alias,
        modules: ['src', 'node_modules']
      })
    },

    "postcss-cssnext": {}
    // postcss-cssnext 已经包括了 autoprefixer 了。
    // "autoprefixer": {}
  }
}