在vue中使用sass、less、stylus的配置方法

1、创建一个基于 webpack 模板的新项目

vue init webpack myvue

2、在当前目录下,安装依赖

cd myvue
npm install

3、安装css预编译的依赖包

//sass
npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass


//less
npm i less less-loader -S


//stylus
npm install stylus --save-dev
npm install stylus-loader --save-dev

4、在vue文件中修改style标签(以scss为例)

<style lang="scss">

猜你喜欢

转载自blog.csdn.net/Raytheon107/article/details/82997749