vue.config.js中增加:
configureWebpack: config => { require('@vux/loader').merge(config, { plugins: ['vux-ui', { name: 'less-theme', path: 'src/theme.less' }] }) }
出现以下警告:
VUX: 如果你看到这一行,说明 vux-loader 配置有问题或者代码书写规范的原因导致无法解析成按需引入组件,会导致打包体积过大。请升级到最新版本 vux-loader,建议开启 eslint(standard)。
需要将页面中组件引入方式改为:
import XInput from "vux/src/components/x-input"; import Cell from "vux/src/components/cell"; import Loading from "vux/src/components/loading"; import Confirm from "vux/src/components/confirm"; import Msg from "vux/src/components/msg"; import Toast from "vux/src/components/toast";
详细可参照:https://github.com/airyland/vux/tree/v2/packages/vue-cli-3-example