webpack4.x中less使用绝对路径

在其它less文件中，如果想要导入其它less文件，直接使用会出现报错。

@import '~config/basic.less';

 

这个时候在webpack中的reolve属性加上

resolve: {
		alias: {
			//修改Vue被导入的路径
			"@s": path.join(__dirname, './src'),
			"@c": path.join(__dirname, './src/components'),
			"@v": path.join(__dirname, './src/view'),
			"@a": path.join(__dirname, './src/actions'),
		},
		modules: [
			path.resolve('src'),
			path.resolve('node_modules')
		],
		// 省略后缀
		extensions: ['.js', '.jsx', '.less','css']
},

如果你有其它的less文件需要导入，你可以通过@import找到这个文件的目录，但是你必须在webpack配置文件的扩展名，如果你没有配置modules属性（1.x的webpack配置为modulesDirectories[已废弃]），那么它默认会在node_modules中找相关文件（这就是报错的原因），