在 vue.config.js 中配置 Less Loader

在vue.config.js中配置Less Loader可以通过以下方式实现：

module.exports = {
chainWebpack: config => {
config.module
.rule('less')
.test(/\.less$/)
.use('less-loader')
.loader('less-loader')
.end()
}
}

在上述代码中，我们使用了chainWebpack来对webpack配置进行修改。首先，我们使用rule方法创建一个名为less的规则，指定了.less文件的匹配规则。然后，我们使用use方法添加了less-loader，并使用loader方法指定了less-loader的加载器。最后，使用end方法结束了这个规则的配置。

这样配置后，当项目中使用.less文件时，webpack会自动使用less-loader来处理这些文件。
#### 引用[.reference_title]
- *1* *2* [vue.config.js 的完整配置（超详细）](https://blog.csdn.net/web22050702/article/details/127122145)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue2之vue.config.js文件 常用配置教程](https://blog.csdn.net/Maxueyingying/article/details/127109351)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]