网站首页 编程技术 正文

vue中使用less

2023-05-18编程技术173284

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

1 less

2 less-loader

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

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

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

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

最好是重启一下服务器

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

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

此时的效果:

本文地址：https://www.ufcn.cn/tutorials/2649786.html

如非特殊说明，本站内容均来自于网友自主分享，概不代表本站观点，如有任何问题我们都将在收到反馈后的第一时间进行处理！