首页 > Web开发 > 详细

让vue-cli脚手架搭建的项目可以处理vue文件中postcss语法

时间:2019-03-29 10:07:52      阅读:110      评论:0      收藏:0      [点我收藏+]

图中&属于postcss的语法,这样书写样式可以清楚的看出选择器之前的层级关系,非常好用。在利用vue-cli脚手架搭建的项目中如果不配置是不支持这种写法的,这样写不会报错,但是样式不生效。

为了让项目中的vue文件支持这种写法,需要在配置postcss-cssnext模块。

技术分享图片

往项目中安装postcss-cssnext模块;

npm install postcss-cssnext --save-dev

安装完后,会在项目的package.json文件的devDependencies对象中看到postcss-cssnext模块的信息:

技术分享图片

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

技术分享图片

首先通过require引入postcss-cssnext模块,然后在导出的对象中配置postcss属性即可;

技术分享图片

重启项目,postcss语法就会生效

 

 

让vue-cli脚手架搭建的项目可以处理vue文件中postcss语法

原文:https://www.cnblogs.com/LO-ME/p/10619343.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!