style-resources-loader 自动化导入

直接用vue 安装

vue add style-resources-loader

image.png

2. 在vue.config.js中使用

---

const path = require('path');
module.exports = {
 pluginOptions: {
  'style-resources-loader': {
   preProcessor: 'less',
   patterns: [ // 这个是加上自己的路径,不能使用(如下:alias)中配置的别名路径  
    path.resolve(__dirname, './src/style/params.less')
   ]
  }
 },

}

3. 重启项目

---

[图片上传中...(image.png-279295-1635773646877-0)]

npm run serve

然后就可以导入这些目录：

image.png

页面使用了：

image.png