x是Vue.js的一个ui库，官网在这里。官方文档的配置指南侧重于技术列表。这里我简化一下Vux的配置过程。感兴趣的朋友跟随我们的边肖一起学习吧。

简介

Vux(读作[vju:z]，同views)是基于WeUI和Vue(2.x)的移动UI组件库，主要服务于微信页面。

基于webpack vue-loader vux，可以快速开发移动页面。使用vux-loader，您可以在WeUI的基础上定制所需的样式。

Vux-loader保证了组件可以按需使用，所以不用担心最后打包整个Vux的组件库代码。

Vux并不完全依赖WeUI，而是尽量保持整体UI风格接近WeUI的设计规范。最初的目标是创建一个易用、实用、美观的移动UI组件库。现在离理想状态还有一段距离。所以需要及时反馈问题，贡献代码。

流程

x是Vue.js的一个ui库，官网在这里。官方文档的配置指南侧重于技术列表。这里我简化一下Vux的配置过程。

1. 安装vux

npm安装vux -保存

2. 安装less-loader

Vux用less编译源代码，所以项目里肯定有less-loader。

npm安装更少-加载程序更少-节省-开发

3. 安装vux-loader并配置vuxLoader：

安装vux-loader:

npm安装较少的vux-loader - save-dev

您不能安装或配置vux-loader。如果没有，引入的组件如下：

从“vux/src/plugins/Alert”导入警报插件

从“vux/src/plugins/Toast”导入Toast插件

配置完成后，您可以像这样引入组件：

从“vux”导入{ AlertPlugin，ToastPlugin }

配置过程如下：

在webpack.base.config.js中修改如下，其中webpackConfig是你之前的配置(就是之前module.export右边的，现在保存为这个变量):

const vux loader=require( vux-loader )

module . exports=vuxloader . merge(web pack config，{

选项：{

ShowvuxVersionInfo: false //关闭控制台中Vux输出的版本信息。

},

插件：[{

名称：“vux-ui”

}]

})

总结

以上是边肖介绍的Vue中的Vux配置指南。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对我们网站的支持！