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(安装后会导致px2rem工具失效,但是不指定版本会导致vux无法构建) 正常情况下配置的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
        }
    }