如果需要在vue项目中使用.less文件,首先需要安装less和less-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>