vux 显示 html,如何在vue项目中使用vux
编者:只需6步,教你如何在vue项目中使用vux,
1.在项目里安装vuxnpm install vux --save2.安装vux-loader (这个vux文档中没有明文跟你说要安装的啦)
npm install vux-loader --save-dev3.安装less-loader (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ',自己看package.json,如果安装了,就不用装啦!)npm install less less-loader --save-dev4. 安装yaml-loader (不用装啦)
npm install yaml-loader --save-dev5.在build文件夹下webpack.base.conf.js 文件进行配置const vuxLoader = require('vux-loader') 【新加上去的】
const webpackConfig = originalConfig 【originalConfig就是原来的 module.exports出去的代码,把它整个赋值给变量 webpackConfig】
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] }) 【在最后加多一句,这里就是引用插件vux啦!】
vux2必须配合vux-loader使用, 请在build/webpack.base.conf.js里参照如下代码进行配置:
const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: ['vux-ui']
})
6.最后别忘了,在resolve: {extensions: ['.js', '.vue', '.json','.less']里加入.less。必须用npm哦,我用cnpm安装各种报错
以上步骤走完后又出现下面的bug
Error: Cannot find module 'lodash'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at Object. (C:\gwsk\node_modules\browser-sync\node_modules\portsc
anner-plus\lib\index.js:3:9)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at Object. (C:\gwsk\node_modules\browser-sync\lib\utils.js:6:19)我直接打开cmd 全局安装
$ npm install lodash --save然后删除node_modules文件夹
然后
$ npm cache clean --force
$ npm install终于可以了,npm run dev
文章作者:alisa7
本文由前端问答网整理发布,转载请注明出处并附上本文链接。
vux 显示 html,如何在vue项目中使用vux相关推荐
- php项目引入vue,怎样实现Vue项目中使用Vux
这次给大家带来怎样实现Vue项目中使用Vux,Vue项目中使用Vux的注意事项有哪些,下面就是实战案例,一起来看一下. 默认已安装vue环境 1.安装vux npm install vux --sav ...
- 如何在vue项目中使用lodop打印插件
如何在vue项目中使用lodop打印插件 - 简书 先写了个webdemo <%--Created by IntelliJ IDEA.User: AdministratorDate: 2018/ ...
- 如何在vue项目中修改less变量,多主题项目解决方案
如何在vue项目中修改less变量,多主题项目解决方案 参考文章: (1)如何在vue项目中修改less变量,多主题项目解决方案 (2)https://www.cnblogs.com/niubilit ...
- 如何在vue项目中使用Highmaps(vue+Highmaps)
如何在vue项目中使用Highmaps 功能需求 思路 分析 实现 第一步:引入 第二步:介绍一下这个world是个啥. 第三步:调用 注意点(十分重要) 写在最后 功能需求 近日我接到了这么一个需求 ...
- 如何在vue项目中设置首页
如何在vue项目中设置首页 1.首先创建一个vue为后缀名的文件,最好在新建的文件夹下面创建,如下图所示: 说明:一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下,项目中所会引用到的组 ...
- 如何在vue项目中系统的使用iconfont字体图标
如何在vue项目中系统的使用iconfont字体图标 前言 iconfont的特色 官网注册 在项目中使用的方式 前言 今天聊一下前端iconfont的使用方式,前端的图标经过这些年的发展,变得更系统 ...
- 如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
- 百度地图的使用方法,如何在Vue项目中使用百度地图
关于百度地图的解释 百度地图又称LBS:LocationBussinessServer,是基于定义位置的商业服务,现在常用的地图有百度地图和高德地图居多 官网入口 https://lbsyun.bai ...
- 【vue】如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
最新文章
- VC++初步实现保存数据为音频WAV文件
- Swift类扩展使用方法
- MySQL—三表查询
- 解释一下python中的//,%和**运算符
- spring本地化默认英文_Spring3国际化和本地化
- 计算机网络的构成教学反思,《计算机网络知识》教学反思.doc
- 深度残差收缩网络:(四)注意力机制下的阈值设置
- 【codevs2144】砝码称重2,哈希什么的都去死吧
- 前端,后端,全栈哪个好找工作?
- [CODEVS1911] 孤岛营救问题(分层图最短路)
- android studio手机与蓝牙收发数据_QT for Android :蓝牙
- H3C交换机设备使用QOS策略方式实现报文过滤
- loadrunner11 下载安装说明
- 酷睿i9 12900HX性能怎么样 i912900hx相当于桌面什么cpu
- Java 中 VO、 PO、DO、DTO、 BO、 QO、DAO、POJO 的概念
- debian改网卡速率_Debian网卡设置
- 科目二需要注意的点(笔记包含图片讲解)
- 文件系统(内存上的 + 磁盘上的)
- 笔记:《机器学习训练秘籍》-吴恩达deeplearningai微信公众号推送文章
- 第二次作业——结对项目之需求分析与原型设计