如果需要在vue项目中使用.less文件,首先需要安装lessless-loader依赖包 ,这个.less文件相当于以前web项目的css文件,有三种引入方式:

方式一:在vue界面的style标签内引入,要属性lang=less

<style lang="less">
  @import './login.less';
</style>
<style lang="less">
  @import url("./login.less");
</style>

方式二:在main.js内导入

import "../common/less/index.less";

方式三:在vue界面的script标签内引入

<script>
    import './error.less'
</script>

 

Logo

前往低代码交流专区

更多推荐