vue cli安装使用less的教程详解 - CSDN文库

113 浏览量更新于2023-03-03 收藏 36KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

vue cli安装使用安装使用less的教程详解的教程详解

主要介绍了vue-cli安装使用less的教程，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可

以参考下

vue-cli构建的项目默认是不支持less的，需要自己添加依赖

1.安装less和less-loader ，在项目目录下运行如下命令

npm install less less-loader --save-dev

2.安装成功后，打开build/webpack.base.conf.js ，在 module.exports = 的对象的module.rules 后面添加一段：

module.exports = {

// 此处省略无数行，已有的的其他的内容

module: {

rules: [

// 此处省略无数行，已有的的其他的规则

{

test: /\.less$/,

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

}

]

}

}

3.最后，在代码中的style标签中加上lang="less"属性即可

<style lang="less" scoped>

.index-wrap {

display: flex;

align-items: center;

justify-content: center;

span {

font-size: 0.373rem;

}

}

</style>

总结总结

以上所述是小编给大家介绍的vue cli安装使用less的教程详解 ,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编

会及时回复大家的。在此也非常感谢大家对我们网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38647567

粉丝: 4
资源: 924

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈