一、vue2中安装less并使用
1. 安装依赖包
npm install less less-loader@5 --save-dev
注意:请使用less-loader@5安装less-loader 5.0.0版本,最新版本在vue2中可能无法使用,会报错哦
2、在style标签中添加lang="less"就可以使用less了
<template>
<div class="hello">
<h1>Welcome to Your Vue.js App</h1>
</div>
</template>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
@bg: brown;
.hello {
background: @bg;
h1 {
font-weight: normal;
color: @primary;
}
}
</style>
二、全局引入less文件
1、安装依赖包
npm install style-resources-loader -D
2、在build/utils.js文件下配置
// generate loader string to be used with extract text plugin
function