在新版的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') } }) }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。