vue-cli 2.*中导入公共less文件的方法步骤
(编辑：jimmy 日期: 2024/11/17 浏览：3 次 )
在新版的Vue CLI 3中，如何导入公共less文件在文档里已经描述的很清楚了，但是在2.*的版本中，我没有查到相关的办法，网友的办法又相当复杂，于是我推荐给大家一个很简单的办法。
首先，会用到webpack中的资源预处理器Style Resources Loader，所以需要：
npm i style-resources-loader -D
然后在build/utils.js文件中可以找到CSS预处理器的实现方式：
function generateLoaders (loader, loaderOptions) {
const loaders = options.usePostCSS "htmlcode">
if (loader) {
...
}
if(loader == 'less'){
loaders.push({
loader: 'style-resources-loader',
options: {
patterns: path.resolve(__dirname, '../src/assets/config/*.less')
}
})
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：vue全局使用axios的方法实例详解