20. Vue-cli项目使用less


记录下style的less方式的使用方法。

1.安装 less 和 less-loader :

  npm install less less-loader --save-dev

2.打开 build/webpack.base.conf.js , module.exports = 的对象的 module.rules 后面添加一段:

{
 test: /\.less$/,
 loader: "style-loader!css-loader!less-loader",
}

3.使用方法,如图所示:

4.引入外部less文件则在style标签之后引入 @import './index.less',如下列代码:

 

<style lang="less">
  @import './index.less';  //引入全局less文件
</style>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM