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 相关文章推荐
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
Node调试工具JSHint的安装及配置教程
May 27 Javascript
简单学习JavaScript中的for语句循环结构
Nov 10 Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
Nov 13 Javascript
JS实现的缓冲运动效果示例
Apr 30 Javascript
vue实现条件判断动态绑定样式的方法
Sep 29 Javascript
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
vue之a-table中实现清空选中的数据
Nov 07 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 09 Javascript
vue中监听路由参数的变化及方法
Dec 06 Javascript
React 高阶组件HOC用法归纳
Jun 13 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
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
php获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
PHP判断一个变量是否为整数、正整数的方法示例
2019/09/11 PHP
脚本安需导入(装载)的三种模式的对比
2007/06/24 Javascript
javascript 一段左右两边随屏滚动的代码
2009/06/18 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
AngularJS实现按钮提示与点击变色效果
2016/09/07 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
JavaScript实现图片拖曳效果
2017/09/08 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
Python 多进程和数据传递的理解
2017/10/09 Python
python列表list保留顺序去重的实例
2018/12/14 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
python 公共方法汇总解析
2019/09/16 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
上海雨人软件技术开发有限公司测试题
2015/07/14 面试题
两道JAVA笔试题
2016/09/14 面试题
乡党政领导班子群众路线教育实践活动个人对照检查材料
2014/09/20 职场文书
先进党支部申报材料
2014/12/24 职场文书
开天辟地观后感
2015/06/09 职场文书
惊天动地观后感
2015/06/10 职场文书
2015年卫生局工作总结
2015/07/24 职场文书
新课程改革心得体会
2016/01/22 职场文书
详解Python牛顿插值法
2021/05/11 Python
Vue和Flask通信的实现
2021/05/19 Vue.js