postcss 父子嵌套写法不起作用

新建的vue项目 直接vue init webpack project-name  这样建起来

发现项目里有postcss这个东西 了解以后发现可以取代less与sass  我就决定那就用它吧

可是在写的时候发现父子嵌套 div { & a {} }  这样写 根本不起作用，可是postcss是支持嵌套写法的

搜索了好久，原来仅仅是vue自带的postcss根本是不起作用的

需要 1.   npm install postcss-cssnext --save-dev

2. 在build文件夹下面的vue-loader.config.js文件中配置postcss-cssnext模块  

好了 重新跑项目就可以啦