Taro+Vantui项目公共样式配置

最近用Taro+Vantui从0-1开发向程序的项目，以下是我总结我在项目中遇到的问题

1. 如何搭建一个项目，可以参开vantUI首页引导进行配置链接如下：https://antmjs.github.io/vantui/main/#/quickstart

2. 样式配置，
   2.1 项目目录 config->index.js
   2.2.mini->webpackChain
   代码如下

    mini: {
       enableExtract: true,
       webpackChain(chain) {
         chain.merge({...chainConfig});
       }
   }
   //chainConfig代码如下
   const chainConfig={
   	module: {
   		rule: {
   			themeLoader: {
   				test: /\.less$/,
       			use:[
       				{
   			            loader: "less-loader",
   			            options: {
   			              lessOptions: {
   			                modifyVars: {
   			                  // 直接覆盖变量
   			                  "text-color": "#111",
   			                  "border-color": "#eee",
   			                  green: "#00c8c8",
   			                  "button-normal-border-radius": "50px",
   			                  "tag-primary-color": "#00c8c8",
   			                  "tag-border-radius": "50px",
   			                  "tag-padding": "4px 16px",
   			                  // 'primary-color': 'red',
   			                  // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
   			                  // hack: `true; @import "your-less-file-path.less";`,
   				                },
   				              },
   				            },
   				          },
       			]
   			}
   		}
   	}
   }