资讯专栏INFORMATION COLUMN

vue-cli 3.x配置使用vux

KitorinZero / 2648人阅读

摘要:在中配置使用写在前面正常按照下面给定的配置,因官方更新过更新过,导致的加载错误。题后说明本人文中所提到的仅代表本人个人使用感受,并不能说明事物实际属性,大家仅在乎配置相关即可。作为非大团队维护的组件库,是一款非常优秀的基于的组件库。

在vue-cli3.x中配置使用VUX 写在前面

正常按照下面给定的配置,因官方更新过vue/cli3.x更新过vue-loader,导致的加载错误。之前因端午在家,未仔细查看错误,也没有去调试而武断的认为是webpack的问题,希望没有给大家造成困扰。vue-loader的版本更新之后,vux-loader的依赖版本还是之前版本,因而导致的下面评论区出现的错误。大家可以手动指定vue-loader的版本来解决此加载问题。

yarn add vue-loader@14.2.2 -D
or
npm install vue-loader@14.2.2 -D

2018/6/25更新

当时写此帖时,vue/cli3.x所使用的webpack版本和vux所使用的webpack大版本一致,现今vue/cli3.x所使用的webpack为4.x,与vux不一致,因此一些loader可能会出错。而且当时vue/cli3.x的文档并没有,故此写这篇自记和帮助大家,现在vue/cli3.x已进入RC,相应文档也已放出,各位可以通过vue/cli的文档来进行配置。

2018/6/18更新

vux是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面(官方介绍)。
这些天闲来无事用豆瓣开放的api练习一下vue-cli3.x,但是对于一些组件的实现自己写的实在太粗糙和功能不全,故而想引用一些优秀的三方UI组件。
vux算是我知道的较早的一个基于vuejs的UI组件库吧。但是当时没有需求,所以一直没有使用这个组件库,直到最近又重新关注了一下。
对于我的第一印象,就是vux的一些集成度太高了,虽然极大地方便一些开发者,使用vux-loader来按需加载组件库。对于之前的我来说,倒是很乐意这样的一个组件库产生,但是对于现在喜欢折腾一些新东西,就显得并不是非常的友好了(特别是对于我这种文档看的不那么细致的人来说)。
vue-cli3.x的一些服务配置整个的结构都迁移到CLI Service里面了,对于一些基础配置和一些扩展配置提供了vue.config.js。那么问题来了,对于这么一个入口,肯定不能直接按照vux-loader的方法直接在配置文件置空webpackConfig了。而多带带组件引用的话又被告知使用错误(事实上都直接报错了,因为没有正确对于组件的load)。
参照vux-loader文档的配置说明,那么就是merge以下vux-loader的配置到webpackConfig里面呗,接下来就简单了。我们只需要在vue.config.js文件中的webpackConfig的配置中mergevux-loader就行了。

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

只要在vue.config.js配置中这样配置,那么你就可以正常的在你的项目中使用vux这个组件库了。

题后说明

本人文中所提到的仅代表本人个人使用感受,并不能说明事物实际属性,大家仅在乎配置相关即可。
vux作为非大团队维护的UI组件库,是一款非常优秀的基于vuejs的UI组件库。对于移动端的一些组件可以说是最全(仅在我的认知内)的,而且还提供了一些常用而实用的lib,在github上的star数已经超过12k,可以说是非常受欢迎的了。
还有一点.......不要在意文笔,实在不会写文章,求轻喷。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94599.html

相关文章

  • webpack+vue+vux+express+lowdb实践

    摘要:花了一天时间,做了一套加班报名系统,前端基于,后端基于。如果需求对视觉要求不高,还是非常推荐把引进到项目中的。提供了各种各样的组件,基本上拿来就能用。需要注意的是,读写文件默认都是同步的,将的写配置成异步写入能极大的提升性能。 花了一天时间,做了一套加班报名系统,前端基于webpack+vue+vux,后端基于express+lowdb。以前在项目中也都接触过webpack+vue,第...

    awesome23 评论0 收藏0
  • vue 使用lib-flexable,px2rem 进行移动端适配 但是引入的第三方UI组件 vu

    摘要:最近在写移动端项目就想用,来进行适配把转换成但是也用到了第三方组件库把这个引入发现一个问题就是的组件都缩小了在网上找不到答案最后在一个开发群里找到了解决的方法目前的处理方法是将组件中转化为,避免被转成在中中配置以下代码自定义的全局 最近在写移动端项目,就想用lib-flexable,px2rem来进行适配,把px转换成rem但是也用到了第三方UI组件库vux,把这个引入发现一个问题就是...

    Kyxy 评论0 收藏0
  • Mac OS X下安装Vue脚手架(vue-cli

    摘要:下面来就来讲讲脚手架的安装吧。如何安装安装只需要在终端下输入下面一条命令自带不需要安装安装完成后使用即可。原因是的问题,要求版本是。想用安装,就必须用安装一下。 前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序。具有开发快,双向数据流等特点,有些人认为Vue是Angular和Reac...

    terasum 评论0 收藏0
  • Mac OS X下安装Vue脚手架(vue-cli

    摘要:下面来就来讲讲脚手架的安装吧。如何安装安装只需要在终端下输入下面一条命令自带不需要安装安装完成后使用即可。原因是的问题,要求版本是。想用安装,就必须用安装一下。 前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序。具有开发快,双向数据流等特点,有些人认为Vue是Angular和Reac...

    CoderStudy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<