![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 68
逆风丶大魔王
这个作者很懒,什么都没留下…
展开
-
基于webpack5,vue3搭建脚手架
webpack5跟vue3都出的挺久了,想着应该是可以开始使用了。但是发现vuecli脚手架使用的还是webpack4的版本,于是就自己封装了一个初始模板。搭建过程的话,也没啥空写,写一下思路把。刚开始引入vue3+webpack5其实看看官方文档就行了,照着官方文档搭建也就差不多搭出来一个基础项目出来。搭建完成之后就是开始配置webpack,引入像是html-webpack-plugin,style-loader,css-loader之类的必要插件,做好开发,生产环境区分,以及持续的配置优化。然后原创 2021-08-17 16:44:18 · 430 阅读 · 0 评论 -
基于threejs,html5,hlsjs,flvjs编写vr全景播放器
之前接到一个需求,需要写一个demo实现360°全景视频播放,于是开始开始研究threejs及相关方面的知识,在一段时间的调研后大致有了一些头绪,大概就是生成一个球的模型,然后纹理朝向背部,最后把视频作为纹理加载到这个模型上就行了。虽然说起来很简单,但在实现的过程种还是踩了不少坑的。首先是需要对接直播流这一块,一开始准备用我比较熟悉的vue-video-player来作纹理,结果发现需要使用原生video dom节点作为纹理,当时想着那这样就没什么办法了,这样的话有很多像是进度条什么的都只能自己去实现了,包原创 2021-05-08 14:59:25 · 2657 阅读 · 7 评论 -
gzip,zopfli及brotli压缩对比,vue配置及服务端实现
最近在看webpack文档中的compression插件时看到了在gzip下面还有两种压缩方式,zopfli跟brotli。先放上官网链接webpack->compression。在google上冲了一下浪,大致了解了一下,说是比gzip压缩率更高,压缩率级别是这样的:brotli>zopfli>gzip。1.gzip:代码就不放了,之前写过了。打包之后gz文件大小如下:2.zopfli:启用zopfli压缩,需要额外安装插件npm i @gfx/zopfli -Dweb原创 2020-09-07 14:49:53 · 2926 阅读 · 3 评论 -
vue-cli4项目初始配置及优化(改用terser去除console)
在使用配置完成的初始化仓库编写项目时发现了一些问题。排查之后发现uglifyjs-webpack-plugin不兼容es,所以改用terser去除console其实在项目中搜索terser,你会发现在package-lock.json文件中@vue/cli-service的依赖中已经引入了terser-webpack-plugin并配置了。如图:在编译启动时打印配置config.optimization.minimizer,如图那么我们只要在这个基础上进行修改即可,代码如下:const reso原创 2020-08-20 10:02:15 · 3322 阅读 · 0 评论 -
vue-cli4项目初始配置及优化(二)
写了一之后好像鸽了挺久的,但是上一篇写完之后其实仓库里的配置已经差不多写完了,去clone下来看看,或者就可以直接开始用了,之后如果还要写,更多的其实就是axios,或是imutable之类的接入,那这些其实没什么好写的,。现在趁着周末补补全,可能的话,在写一下vr视频的实现,及其对接hls与flv直播流,rtmp的话因为是flash协议,非原生h5video接收,感觉挺麻烦的,没对????image-webpack-loader...原创 2020-06-19 23:06:18 · 1882 阅读 · 1 评论 -
vue-cli4项目初始配置及优化(一)
其实一直想着写一个vue初始配置模板,这样以后每次写新项目的时候就不用重复做这些事情了,但因为种种原因一直没去做这件事(主要是还是因为懒????),最近有蛮多空闲,就开始写这个,也想去做一些早就想做的事情,像是学习react,ts之类的。 当然,这里都是我长久以来个人创建项目时的一些习惯和想法,公司里也没有什么前辈让我原创 2020-06-01 22:25:39 · 2144 阅读 · 0 评论