试例文章来源：https://www.toymoban.com/news/detail-549708.html
<template>
<div id="app" class="box"></div>
</template>
<script>
import variables from './styles/variables.less';
export default {
data() {
return {
variables,
};
},
created() {
console.log(this.variables, "variables");
}
};
</script>
解决方案文章来源地址https://www.toymoban.com/news/detail-549708.html
- 注：在vue-cli v5版本中requireModuleExtension是已经被移除了。在没有任何配置的情况下打印出来的就是一个空对象
- 通过阅读官方文档，发现可以根据约定将文件名改为.module.(css|scss|sass|less|styl(us)?)结尾，这样就可以识别出css module。
- 这里是将自己项目中的variables.less改成了variables.module.less，可以发现确实生效可以获取到正常的js对象。
到了这里，关于less中:export 无效问题，vue-cli中导出公共变量，js对象为空对象的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
