前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

Vue Cli 项目全局使用 less 变量

2020-12-04 16:04:08 来源:未知 作者:IT零五

安装插件

yarn add less less-loader style-resources-loader vue-cli-plugin-style-resources-loader -D

新增 less 变量文件

// file variable.less
@color: #fff;

调整 vue.config.js 文件

const path = require("path")
module.exports = {
pluginOptions: {
  "style-resource-loader":{
   preProcessor: "less",
   patterns: [path.resolve(__dirname, "./src/assets/less/variable.less")]
  }
}
}

在代码中使用

<template>
<div class="test"></div>
</template>
<script></script>
<style lang="less" scoped>
.test {
background: @color;
}
</style>
本文关键词:less 变量 vue cli

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1