试例

<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>

解决方案

• 注：在vue-cli v5版本中requireModuleExtension是已经被移除了。在没有任何配置的情况下打印出来的就是一个空对象
• 通过阅读官方文档，发现可以根据约定将文件名改为.module.(css|scss|sass|less|styl(us)?)结尾，这样就可以识别出css module。
• 这里是将自己项目中的variables.less改成了variables.module.less，可以发现确实生效可以获取到正常的js对象。