首先使用npm下载依赖
npm install less@3.0.4
npm install less-loader@5.0.0
这里有个至关重要的细节。就是版本要安装正确。否则就会报错
报错是因为:新版本对应的是vue3.0,如果要对应vue2.0,就得安装 less的 3.0.4 less-loader的5.0.0
然后我们在main.js中导包
import less from 'less'
Vue.use(less)
然后,如果你要使用less语法,只需要在style的标签上加上 lang="less"即可
<style lang="less">
</style>
对了,由于less的写法已经有私有化的作用了,就不需要scoped私有化了
本文详细介绍了在Vue2.0项目中如何正确安装和配置less及less-loader,强调了版本匹配的重要性,避免出现错误。在main.js中引入less,并在组件中使用lang=less的style标签即可启用less语法,同时指出less已具备私有化作用,无需使用scoped。
2035





