Vue中使用vux的配置详解


Posted in Javascript onMay 05, 2017

Vue中使用vux的配置,分为两种情况:

一、根据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工程里引入vue组件

<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'] })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Prototype使用指南之array.js
Jan 10 Javascript
jQuery Selector选择器小结
May 06 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
Dec 08 Javascript
详解Javascript中的原型OOP
Oct 12 Javascript
Javascript使用SWFUpload进行多文件上传
Nov 16 Javascript
vue异步axios获取的数据渲染到页面的方法
Aug 09 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 17 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
利用node.js开发cli的完整步骤
Dec 29 Javascript
Angular directive递归实现目录树结构代码实例
May 05 #Javascript
微信小程序开发图片拖拽实例详解
May 05 #Javascript
javascript 中关于array的常用方法详解
May 05 #Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
May 05 #Javascript
Angular中实现树形结构视图实例代码
May 05 #Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 #Javascript
jquery中封装函数传递当前元素的方法示例
May 05 #jQuery
You might like
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
php curl获取到json对象并转成数组array的方法
2018/05/31 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
js 中 document.createEvent的用法
2010/08/29 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
2012/12/23 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
2013/12/28 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
2014/02/21 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
js实现分享到随页面滚动而滑动效果的方法
2015/04/10 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
2016/05/17 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
jQuery滑动到底部加载下一页数据的实例代码
2017/05/22 jQuery
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
如何在selenium中使用js实现定位
2020/08/18 Javascript
python新手经常遇到的17个错误分析
2014/07/30 Python
Pandas之drop_duplicates:去除重复项方法
2018/04/18 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
HTML5中的音频和视频媒体播放元素小结
2016/01/29 HTML / CSS
娇韵诗Clarins意大利官方网站:法国天然护肤品牌
2020/03/11 全球购物
销售代表求职自荐信
2013/10/01 职场文书
毕业生的自我评价分享
2013/12/18 职场文书
家长给孩子的表扬信
2014/01/17 职场文书
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
高考寄语大全
2014/04/08 职场文书
竞聘演讲稿
2014/04/24 职场文书
旅游活动总结
2014/08/27 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
物业接待员岗位职责
2015/04/15 职场文书
国富论读书笔记
2015/06/26 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python