less变量未定义问（vue.config.js less配置）

最新推荐文章于 2023-12-21 22:39:31 发布

vagabond_

最新推荐文章于 2023-12-21 22:39:31 发布

阅读量795

点赞数

分类专栏： css vue 文章标签： javascript vue.js less

本文链接：https://blog.csdn.net/vagabond_/article/details/128447342

版权

css 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

vue

5 篇文章 0 订阅

订阅专栏

less变量未定义问（vue.config.js less配置）

报错如下

在这里插入图片描述

1. 安装 style-resources-loader

npm i style-resources-loader

2. vue.config.js less配置

  chainWebpack: (config) => {
    if (isProd) {
      // 打包的css如有必要加上@charset
      config.plugin('optimize-css').tap(args => {
        try {
          args[0].cssnanoOptions.preset[1].normalizeCharset = true
          return args
        } catch (_) {
          return args
        }
      })
    }
    const oneOfsMap = config.module.rule('less').oneOfs.store;
	  oneOfsMap.forEach(item => {
	    item
	      .use('style-resources-loader')
	      .loader('style-resources-loader')
	      .options({
	        //  ["./path/style/index.less"] 这里的路径不能使用@，否则会报错
	        patterns: './src/style/index.less'
	      })
	      .end()
	  })
  },