vue-cli3.0 使用vux

vue-cli3.0 使用vux

1. install vux(dependencies)

npm install vux --save 
复制代码

2. install vux-loader(devDependencies) --must be installed

npm install vux-loader --save-dev
复制代码

3. install less-loader(devDependencies) --must be installed

npm install less less-loader --save-dev
复制代码

4. config vux environment 正常状况下配置的vue-loader可能会致使错误，因此手动指定vue-loader版原本解决加载问题

npm install vue-loader@14.2.2 -D
复制代码

5. config vue.config.js

module.exports = {
        // add begin
        configureWebpack: config => {
            require('vux-loader').merge(config, {
                options: {},
                plugins: ['vux-ui']
            })
        }
        // add end
    }
复制代码

6. use vux in (hello-world/src/views/order/Undone.vue)

<x-header></x-header>
    
    import {XHeader} from 'vux'
    
    export default {
        components: {
            Xheader
        }
    }
复制代码