一:工程安装less、less-loader
配置版本如下:
"devDependencies": { "less": "^3.0.4","less-loader": "^5.0.0"/**其它配置*/ }
二:在main.js中引入vant的less文件
import 'vant/lib/index.less'
三:创建自定义主题变量文件less
如下比如,resetui.less:
@blue: #2897ff;
四:修改配置文件中的utils.js代码
原代码:
return { css: generateLoaders(),postcss: generateLoaders(),less: generateLoaders('less'),sass: generateLoaders('sass',{ indentedSyntax: true }),scss: generateLoaders('sass''stylus') }
true; @import "${path.join(__dirname,'../src/styles/resetui.less')}";` } }),1)">) }