美文网首页
vue中使用less和elementui

vue中使用less和elementui

作者: 王小妞闯天涯 | 来源:发表于2018-07-31 16:22 被阅读44次

vue中使用less,

1.cd 到项目的根目录下,执行命令

npm install less less-loader --save

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

{

test: /\.less$/,

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

},

3.我们可以使用了,可以直接在style中 lang="less"使用,

也可以引入less文件:

@import '../assets/color.less';

Vue中使用elementUI:

1.cd 到项目根目录下,执行命令

npm i element-ui -S

安装完成后在main.js中配置:

main.js中的配置        

我们就可以直接在组件中使用了

<el-dropdown  class="colorBtn "trigger="click"@command="changeColor">

相关文章

网友评论

      本文标题:vue中使用less和elementui

      本文链接:https://www.haomeiwen.com/subject/unicvftx.html