vue2中less的安装及使用

2022-11-21  本文已影响0人  洪锦一

在vue cli2 使用vue init webpack xxx 创建的项目

npm install less-loader@7.0.0 如果7.0.0不行,就一步一步下探,6.0.0 5.0.0

安装less-loader成功后,安装less
npm install --save less

在webpack.base.config.js的rules里添加

{
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader"
}

在.vue文件的style区,加上lang='less'

在vue cli3中(vue create xxx)

npm install less-loader -- save-dev
npm install less --save-dev
在.vue文件的style区,加上lang='less'

上一篇 下一篇

猜你喜欢

热点阅读