問(wèn)題描述

我使用vue-cli 3.0版，創(chuàng)建了一個(gè)hello-world項(xiàng)目：

vue create hello-world
// 之后選擇默認(rèn)選項(xiàng)開(kāi)始創(chuàng)建

我發(fā)現(xiàn)它使用：vue serve就開(kāi)啟了服務(wù)

現(xiàn)在我想加入 postcss，發(fā)現(xiàn)它生成的 pkg.json 里面已經(jīng)寫(xiě)了這樣的配置：

"postcss": {
  "plugins": {
    "autoprefixer": {}
  }
},

這不像我之前使用的 webpack 的配置方式。

請(qǐng)問(wèn)現(xiàn)在我要加入postcss，需要怎樣來(lái)配置它呢？
是否還是需要像原來(lái)的 webpack 的配置方式？

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）
這是創(chuàng)建好項(xiàng)目后的pkg.json內(nèi)容：

{
  "name": "hello-world",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "vue": "^2.5.16"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.0-rc.9",
    "@vue/cli-plugin-eslint": "^3.0.0-rc.9",
    "@vue/cli-service": "^3.0.0-rc.9",
    "vue-template-compiler": "^2.5.16"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

感謝！