Vuejs2运行报错：Module build failed: Error: No PostCSS Config found

嘿，我之前在Vue 2的Webpack模板项目里也碰到过一模一样的问题！其实就是Webpack在处理CSS时找不到PostCSS的配置文件，导致编译失败。别担心，按下面的步骤操作就能快速解决：

1. 添加PostCSS配置文件 #

你需要在项目根目录（和package.json同级的位置）创建一个PostCSS的配置文件，有两种可选方式：

方式一：创建独立的postcss.config.js文件 #

在根目录新建这个文件，然后填入基础配置（常用的是自动添加浏览器前缀的autoprefixer插件，你可以根据需求扩展其他PostCSS插件）：

module.exports = {
  plugins: {
    autoprefixer: {}
  }
}

方式二：在package.json中直接添加配置 #

如果你不想单独建文件，也可以在package.json里新增postcss字段：

{
  // 其他已有的配置...
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  }
}

2. （可选）补充浏览器兼容配置 #

如果你用到了autoprefixer，建议在根目录再创建一个.browserslistrc文件，指定需要兼容的浏览器范围，这样autoprefixer能更精准地生成CSS前缀：

> 1%
last 2 versions
not dead

3. 重启开发服务器 #

完成上面的配置后，关掉当前的开发服务，重新执行npm run dev，应该就能正常编译CSS，不会再出现PostCSS配置找不到的错误啦！

内容的提问来源于stack exchange，提问作者Geoff