让vue-cli脚手架搭建的项目可以处理vue文件中postcss语法
图中&
属于postcss的语法,这样书写样式可以清楚的看出选择器之前的层级关系,非常好用。在利用vue-cli脚手架搭建的项目中如果不配置是不支持这种写法的,这样写不会报错,但是样式不生效。为了让项目中的vue文件支持这种写法,需要在配置postcss-cssnext
模块。
1、往项目中安装postcss-cssnext
模块;
npm install postcss-cssnext --save-dev
安装完后,会在项目的package.json
文件的devDependencies
对象中看到postcss-cssnext
模块的信息:
2、在build文件夹下面的vue-loader.config.js
文件中配置postcss-cssnext
模块;