Vue中使用vux配置代码详解


Posted in Javascript onSeptember 16, 2018

一、根据vux文档直接安装,无需手动配置

npm install vue-cli -g   // 如果还没安装
vue init airyland/vux2 my-project   // 创建名为 my-project 的模板

cd my-project   // 进入项目
npm install --registry=https://registry.npm.taobao.org   // 开始安装
npm run dev   // 运行项目

二、想在已创建的Vue工程里引入vux组件

<1>. 在项目里安装vux

npm install vux --save

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

npm install vux-loader --save-dev

<3>. 安装less-loader  (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')

npm install less less-loader --save-dev

<4>. 安装yaml-loader  (以正确进行语言文件读取, 我没安装似乎也没报错)

npm install yaml-loader --save-dev

<5>. 在build/webpack.base.conf.js 文件进行配置

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig,即 将原来的module.exports 改为 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })

总结

以上所述是小编给大家介绍的Vue中使用vux配置代码详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
javascript 动态调整图片尺寸实现代码
Dec 28 Javascript
读jQuery之九 一些瑕疵说明
Jun 21 Javascript
JavaScript中的原型prototype属性使用详解
Jun 05 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
JavaScript中两个字符串的匹配
Jun 08 Javascript
js本地图片预览实现代码
Oct 09 Javascript
jQuery中的select操作详解
Nov 29 Javascript
vue+vux实现移动端文件上传样式
Jul 28 Javascript
es6中Promise 对象基本功能与用法实例分析
Feb 23 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 Javascript
在vue中安装使用vux的教程详解
Sep 16 #Javascript
React 组件中的 bind(this)示例代码
Sep 16 #Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 #Javascript
解决VUE中document.body.scrollTop为0的问题
Sep 15 #Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
Sep 15 #Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 #Javascript
vue--点击当前增加class,其他删除class的方法
Sep 15 #Javascript
You might like
如何开发一个虚拟域名系统
2006/10/09 PHP
PHP中数组的三种排序方法分享
2012/05/07 PHP
PHP优于Node.js的五大理由分享
2012/09/15 PHP
解析PHP汉字转换拼音的类
2013/06/18 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
查找Oracle高消耗语句的方法
2014/03/22 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
在vue中读取本地Json文件的方法
2018/09/06 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
小程序跳转到的H5页面再跳转回跳小程序的方法
2020/03/06 Javascript
详解vue修改elementUI的分页组件视图没更新问题
2020/11/13 Javascript
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
Python实现telnet服务器的方法
2015/07/10 Python
python实现给微信公众号发送消息的方法
2017/06/30 Python
python3 模拟登录v2ex实例讲解
2017/07/13 Python
Python3使用pandas模块读写excel操作示例
2018/07/03 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
学Python 3的理由和必要性
2019/11/19 Python
超级实用的8个Python列表技巧
2020/08/24 Python
python简单利用字典破解zip文件口令
2020/09/07 Python
简单几步用纯CSS3实现3D翻转效果
2019/01/17 HTML / CSS
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
当当网软件测试笔试题
2015/11/24 面试题
理发店策划方案
2014/06/05 职场文书
优秀毕业生找工作自荐信
2014/06/23 职场文书
董事长岗位职责
2015/02/13 职场文书
奠基仪式致辞
2015/07/30 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL
Redis主从复制操作和配置详情
2022/09/23 Redis