0

less样式文件中引用报错,找不到该module

image.png

下方为webpack配置信息

webpackConfig.module.rules.push({

test: /\.svg$/i,
use: [{
  loader: require.resolve('svg-sprite-loader'),
}, ],

}, {

test: /\.less$/,
use: [
  'style-loader',
  {
    loader: 'css-loader',
    options: {
      // importLoaders:1,
      localIdentName: '[name]__[local]___[hash:base64:5]'
    }
  },
  {
    loader: 'less-loader',
    options: {
      javascriptEnabled: true,
      // globalVars: {
      //   'testcolor': 'red', // ten可以是ten,也可以是@ten,效果一样,下同
      // },
      // modifyVars: {
      //   'primary-color': '#1DA57A'
      // }
    }
  },
  // 在这里引入要增加的全局less文件
  {
    loader: 'style-resources-loader',
    options: {
      patterns: path.resolve(__dirname, '/src/themes/vars.less')
    }
  }
]

});

2 个回答
0

已采纳
    @import '~themes/vars'
    themes 会别解析成别名 alias设置了吗
    然后你没有带后缀
    resolve:{extensions:['less']}   设置了吗
    
    然后你用了style-resources-loader插件 就没有必要手动引入了吧
0

看看你自己的 less-loader的配置, 你的 @import不一定支持,看看是不需要额外的配置支持

撰写答案

推广链接