hminghe / weex-amui

Ant Design Mobile of Weex
https://hminghe.github.io/weex-amui
MIT License
128 stars 35 forks source link

主题定制问题 #27

Open bk1d opened 5 years ago

bk1d commented 5 years ago

我通过 variable.less 定制了主题,比如品牌颜色、字体大小等,debug 模式正常,但是 weex compile 后主题没有生效可能是 less 没有被编译进去?我该怎么解决呢?

hminghe commented 5 years ago

weex compile 应该使用的是命令自带的webpack配置。 所以没有生效!

hminghe commented 5 years ago

我了一下文档 , 可以用-c 修改webpack配置 https://weex.apache.org/zh/tools/toolkit.html#%E7%BC%96%E8%AF%91%E9%A1%B5%E9%9D%A2

hminghe commented 5 years ago

添加 configs/theme.config.js 文件,内容如下

var path = require('path')
module.exports = {
  resolve: {
    alias: {
        './variable.less':  '', // 你的variable.less文件!绝对路径
    }
  }
}
// 运行
weex compile .\src\index.vue build -c .\configs\theme.config.js
bk1d commented 5 years ago
const path = require('path');
const helper = require('./helper');
export const resolve = {
    alias: {
        './variable.less': helper.resolve('src/theme/') + 'variable.less'
    }
};
# 下面两种方法都不生效
weex compile src dist -c configs/theme.config.js
weex compile src dist -c webpack.config.js
hminghe commented 5 years ago
const path = require('path');
const helper = require('./helper');
export const resolve = {
    alias: {
        './variable.less': helper.resolve('src/theme/') + 'variable.less'
    }
};
# 下面两种方法都不生效
weex compile src dist -c configs/theme.config.js
weex compile src dist -c webpack.config.js

就第一条。 我试了是正常的。 用最新版本的weex-toolkit