vue中使用LESSSASSstylus
Posted fan-zha
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中使用LESSSASSstylus相关的知识，希望对你有一定的参考价值。
less的使用
- npm install less less-loader --save
- 修改webpack.config.js文件。vue.cli 搭建项目可跳过此步
{ test: /.less$/, loader: "style-loader!css-loader!less-loader", },
- 组件内，设置 <style lang=‘less‘>
SASS的使用
- npm i node-sass sass-loader -s
- 修改webpack.config.js文件
{ test: /.scss$/, loaders: ["style", "css", "sass"] },
- 组件内，设置<style lang=‘scss‘>。scss与sass只是 语法规范不一样，具体 使用可根据个人习惯。
stylus的使用
- npm i stylus stylus-loader -s
- 组件内，设置<style lang=‘stylus‘>
以上是关于vue中使用LESSSASSstylus的主要内容，如果未能解决你的问题，请参考以下文章