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入门教程(8) Location地址对象
Jan 31 Javascript
jcarousellite.js 基于Jquery的图片无缝滚动插件
Dec 30 Javascript
jQuery.each()用法分享
Jul 31 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
jquery mobile 移动web(5)
Dec 20 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
Jun 16 Javascript
正则表达式(语法篇推荐)
Jun 24 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
javascript实现文字无缝滚动效果
Aug 26 Javascript
vue-cli常用设置总结
Feb 24 Javascript
4 种滚动吸顶实现方式的比较
Apr 09 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
Aug 03 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/11/16 PHP
php设计模式 Strategy(策略模式)
2011/06/26 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
PHP7 windows支持
2021/03/09 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
IE6下focus与blur错乱的解决方案
2011/07/31 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
javascript insertAfter()定义与用法示例
2016/07/25 Javascript
bootstrap table实例详解
2017/01/06 Javascript
BootStrap selectpicker后台动态绑定数据
2017/06/01 Javascript
使用原生js+canvas实现模拟心电图的实例
2017/09/20 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
JavaScript canvas绘制渐变颜色的矩形
2020/02/18 Javascript
[02:05]2014DOTA2西雅图邀请赛 老队长全明星大猜想谁不服就按进显示器
2014/07/08 DOTA
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
Python2.7编程中SQLite3基本操作方法示例
2017/08/09 Python
python 读入多行数据的实例
2018/04/19 Python
Django框架实现的分页demo示例
2019/05/25 Python
Django单元测试工具test client使用详解
2019/08/02 Python
python实现广度优先搜索过程解析
2019/10/19 Python
Django实现图片上传功能步骤解析
2020/04/22 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
python工具快速为音视频自动生成字幕(使用说明)
2021/01/27 Python
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
2014/05/07 HTML / CSS
英国最大的天然和有机产品在线零售商之一:Big Green Smile
2020/05/06 全球购物
北京华建集团SQL面试题
2014/06/03 面试题
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
水果连锁超市创业计划书
2014/01/24 职场文书
给国外客户的邀请函
2014/01/30 职场文书
客服部工作职责范本
2014/02/14 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
考研导师推荐信范文
2015/03/27 职场文书
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript