最近用Taro+Vantui从0-1开发向程序的项目,以下是我总结我在项目中遇到的问题
-
如何搭建一个项目,可以参开vantUI首页引导进行配置链接如下:
https://antmjs.github.io/vantui/main/#/quickstart
文章来源:https://www.toymoban.com/news/detail-547192.html -
样式配置,
2.1 项目目录 config->index.js
2.2.mini->webpackChain
代码如下文章来源地址https://www.toymoban.com/news/detail-547192.htmlmini: { 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";`, }, }, }, }, ] } } } }
到了这里,关于Taro+Vantui项目公共样式配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!