vue中assets文件夹下直接写less为什么不生效

Question

问题步骤：

我用vue-cli创建的vue项目

在assest文件夹下直接写了个less文件

在app.vue文件下面用@import 的方式导入到项目中

为什么less里面的代码不生效

我把less文件换成css文件时，里面的代码全部生效

这是为什么？

common.less里面的内容生效

elereset.less里面的内容不生效

换成elereset.css 便生效了

看了路径是对的

Answer 1

安装less依赖包了吗？npm install less-loader

引入代码，lang=less要声明，路径注意写对

<style lang="less" scoped>
@import '../../assets/styles/your.less';
</style>