我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

vue中使用less

在vue组件中使用less,需要两个插件

创新互联公司坚信:善待客户,将会成为终身客户。我们能坚持多年,是因为我们一直可值得信赖。我们从不忽悠初访客户,我们用心做好本职工作,不忘初心,方得始终。十年网站建设经验创新互联公司是成都老牌网站营销服务商,为您提供网站设计、成都网站制作、网站设计、HTML5、网站制作、高端网站设计成都小程序开发服务,给众多知名企业提供过好品质的建站服务。

1 less

2 less-loader

所以我们就需要先安装这两个插件了

npm install less less-loader -D    // 开发依赖  两个插件一起安装

vue中使用less

还需要配置一下 webpack.config.js文件

{
        test:/\.less$/,
        loader:'less-loader'
}

vue中使用less

最好是重启一下服务器

回到组件文件上来,使用less

vue中使用less

注意: lang="less"要加上去

此时的效果:

vue中使用less


文章题目:vue中使用less
网页地址:http://mswzjz.cn/article/poegds.html

其他资讯