nuxt.config.js配置postcss-pxtorem插件以及静态站点打包配置

const buildDir = "dist"

export default {
  /*
   ** Build configuration
   ** See https://nuxtjs.org/api/configuration-build/
   */
  build: {
    // postcss配置插件postcss-pxtorem，npm i -D postcss-pxtorem
    postcss: {
      plugins: {
        "postcss-pxtorem": {
          rootValue: 192,
          propList: ["*"],
          minPixelValue: 2
        }
      }
    }
  },

  router: {
    // 静态站点打包后的资源引用路径
    base: process.env.NODE_ENV === "production" ? "/" + buildDir : ""
  },

  /**
   * 配置 Nuxt.js 应用生成静态站点的具体方式。
   * 当运行 nuxt generate 命令或在编码中调用 nuxt.generate() 时，Nuxt.js 会使用 generate 属性的配置。
   */
  generate: {
    // 生成静态站点的根目录名称
    dir: buildDir
  }
}