Nuxt/lib/builder/webpack/postcss.js

const { existsSync } = require('fs')
const { resolve } = require('path')
const { cloneDeep } = require('lodash')
const debug = require('debug')('nuxt:postcss')
const { isPureObject } = require('../../common/utils')

module.exports = function postcssConfig() {
  let config = cloneDeep(this.options.build.postcss)

  /* istanbul ignore if */
  if (!config) {
    return false
  }

  // Search for postCSS config file and use it if exists
  // https://github.com/michael-ciniawsky/postcss-load-config
  for (let dir of [this.options.srcDir, this.options.rootDir]) {
    for (let file of ['postcss.config.js', '.postcssrc.js', '.postcssrc', '.postcssrc.json', '.postcssrc.yaml']) {
      if (existsSync(resolve(dir, file))) {
        const postcssConfigPath = resolve(dir, file)
        debug(`Using config file: ${postcssConfigPath}`)
        return {
          sourceMap: this.options.build.cssSourceMap,
          config: {
            path: postcssConfigPath
          }
        }
      }
    }
  }

  // Normalize
  if (Array.isArray(config)) {
    config = { plugins: config }
  }

  // Apply default plugins
  if (isPureObject(config)) {
    config = Object.assign({
      useConfigFile: false,
      sourceMap: this.options.build.cssSourceMap,
      plugins: {
        // https://github.com/postcss/postcss-import
        'postcss-import': {
          root: this.options.rootDir,
          path: [
            this.options.srcDir,
            this.options.rootDir,
            ...this.options.modulesDir
          ]
        },

        // https://github.com/postcss/postcss-url
        'postcss-url': {},

        // http://cssnext.io/postcss
        'postcss-cssnext': {}
      }
    }, config)
  }

  // Map postcss plugins into instances on object mode once
  if (isPureObject(config) && isPureObject(config.plugins)) {
    config.plugins = Object.keys(config.plugins)
      .map(p => {
        const plugin = require(this.nuxt.resolvePath(p))
        const opts = config.plugins[p]
        if (opts === false) return // Disabled
        const instance = plugin(opts)
        return instance
      }).filter(e => e)
  }

  return config
}