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模块  


好了 重新跑项目就可以啦

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容