码迷,mamicode.com
首页 > Web开发 > 详细

vuejs 使用less

时间:2018-05-31 19:33:49      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:port   type   文件   安装   --   IV   外部   代码   sheet   

当所有东西都 准备好之后 :

第一步:

安装less依赖,

npm install less less-loader --save

第二步:

修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加

{

  test: /\.less$/,

  loader: "style-loader!css-loader!less-loader",

},

现在基本上已经安装完成了,然后在使用的时候在style标签里加上lang=”less”里面就可以写less的代码了

style标签里加上 scoped 为只在此作用域 有效

<style lang="less" scoped></style>

或者@import ‘./index.less‘; //引入全局less文件

html中直接引入:

<link rel="stylesheet/less" type="text/css" href="文件路径/styles.less">
<script src="文件路径/less.js" type="text/javascript"></script>

vuejs 使用less

标签:port   type   文件   安装   --   IV   外部   代码   sheet   

原文地址:https://www.cnblogs.com/liangfengbo/p/9117711.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!