vue2.0 vue-cli+webpack使用less和sass的说明

Posted 风流倜傥任潇洒, 不负青春好年华。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0 vue-cli+webpack使用less和sass的说明相关的知识,希望对你有一定的参考价值。

config 目录下好像都不需要相关配置,但是package.json里面

下面的依赖必须有

"css-loader": "^0.28.11",

"less": "^3.0.4",
"less-loader": "^4.1.0",

"style-loader": "^0.21.0",

"vue-style-loader": "^3.0.1",

 

 

使用

<style lang="less">

 

 

还有一种使用sass

config.base.js

{
test: /\.sass$/,
loaders: [‘style‘, ‘css‘, ‘sass‘]
},

css-loader,vue-style-loader,

"sass-loader": "^6.0.7",

 

使用<style lang="sass">

 

以上是关于vue2.0 vue-cli+webpack使用less和sass的说明的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js系列之项目搭建(vue2.0 + vue-cli + webpack )

Vue2.0---webpack打包知识点-2

Vue2.0+Webpack+Element+Axios+vueRouter技术栈使用过程总结

Vue2.0总结———vue使用过程常见的一些问题

Vue2.0总结———vue使用过程常见的一些问题

VUE2.0不可忽视的很多变化