错误原因
- less-loader版本过高
正确的使用方式
- 下载
// 严格控制版本号
npm install less@3.12.2 less-loader@4.1.0 --save-dev
// 下面两个vue-cli会自动帮我们下载,不需要再安装
// 但如果你重新安装过,要注意版本号不能太高
// npm install css-loader@0.28.0 vue-style-loader@3.0.1 --save-dev
- 引入
// 在main.js中
import less from 'less'
Vue.use(less)
- 使用
<style lang="less">
</style>
// 有的文章还加上了scoped,这是为了让该样式只在当前组件有效,与less没有关系
<style scoped lang="less">
</style>