步骤一:
打开文件 build/webpack.base.conf.js, 找到 modeule.exports = vuxLoader, 修改如下 (并保存)
- module.exports = vuxLoader.merge(webpackConfig, {
- plugins: ['vux-ui', 'progress-bar', 'duplicate-style', {name: 'less-theme', path: 'src/style/vux_theme.less'}]
- })
步骤二:
新建文件 src/style/vux_theme.less, 然后打开该文件 vux_theme.less, 添加代码 (后面用到的其它 vux 样式变量也可以直接在此文件中添加)
@tabbar-text-active-color: red;
步骤三:
运行 npm run dev 重启项目 (目的是为了 vux_theme.less 文件被装在在 vux 系统中), 仅第一次需要, 以后不需要该重启操作
来源: http://www.bubuko.com/infodetail-2656965.html