vue3.0集成vux!

一、vue create demo创建脚手架项目,进入demo目录(cd demo)。

二、配置vux:

    (1)在项目里面安装vux,cnpm install vux --save-dev。

    (2)vux需要配合vux-loader使用,安装vux-loader,cnpm install vux-loader --save-dev。

    (3)安装less,保证less正确编译,cnpm install less less-loader --save-dev。

    (4)安装yaml,保证文件按照正确顺序读取,cnpm install yaml-loader --save-dev。

三、手动配置vue-loader:

    yarn add [email protected] -D。

四、在工程的根目录下新建一个vue.config.js,内容为:

    module.exports = {
    configureWebpack: config => {
        require('vux-loader').merge(config, {
            options: {},
            plugins: ['vux-ui']
        })
    }
}

vue3.0集成vux!

注意:是在这个目录下新建vue.config.js。

五、新建一个组件,去vux官网复制一段源码,这里我复制的是vux的x-header源码,然后执行yarn serve命令,运行结果如下图,说明集成vux成功了:

vue3.0集成vux!

注:有哪里不对的望指正,谢谢!