美文网首页前端开发
vue的类库vux安装

vue的类库vux安装

作者: 紫气楠楠 | 来源:发表于2019-12-03 12:29 被阅读0次

    cli环境中安装vux类库

    1. npm install vux --save

    2. 安装vux-loader (这个vux文档似乎没介绍,当初没安装结果报了一堆错误)

    npm install vux-loader --save-dev
    
    1. 安装less-loader (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')
    npm install less less-loader --save-dev
    
    1. vux2必须配合vux-loader使用, 请在build/webpack.base.conf.js里参照如下代码进行配置:

      const vuxLoader = require('vux-loader')
      const webpackConfig = originalConfig 将原来的 module.exports 代码赋值给变量 webpackConfig (将原文件的module.exports改为let webpackConfig)
    2. 在文件最后一行复制下面代码
    module.exports = vuxLoader.merge(webpackConfig, {
            plugins: ['vux-ui']
    }) 
    
    1. 在入口文件全局引入
    import Vue from 'vue'
    import { XButton } from 'vux'
    

    例:

    Vue.component('x-button', XButton) 
    

    使用

            <x-button></x-button> 
    

    vux样式改变,可以在APP.vue中用样式覆盖,在组件内用scoped无法覆盖

    相关文章

      网友评论

        本文标题:vue的类库vux安装

        本文链接:https://www.haomeiwen.com/subject/ratwmctx.html