配置版本如下:
"devDependencies": { "less": "^3.0.4", "less-loader": "^5.0.0", /**其它配置*/ }
import ‘vant/lib/index.less‘
如下比如,resetui.less:
@blue: #2897ff;
原代码:
return { css: generateLoaders(), postcss: generateLoaders(), less: generateLoaders(‘less‘), sass: generateLoaders(‘sass‘, { indentedSyntax: true }), scss: generateLoaders(‘sass‘), stylus: generateLoaders(‘stylus‘), styl: generateLoaders(‘stylus‘) }
修改后的代码:
return { css: generateLoaders(), postcss: generateLoaders(), less: generateLoaders(‘less‘, { modifyVars: { ‘hack‘: `true; @import "${path.join(__dirname, ‘../src/styles/resetui.less‘)}";` } }), sass: generateLoaders(‘sass‘, { indentedSyntax: true }), scss: generateLoaders(‘sass‘), stylus: generateLoaders(‘stylus‘), styl: generateLoaders(‘stylus‘) }
其中${path.join(__dirname,‘自己的less文件所在位置‘)}是获取绝对路径。
vant主题定义地址:https://youzan.github.io/vant/#/zh-CN/theme
原文:https://www.cnblogs.com/moqiutao/p/12895311.html