51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#webp
webpack4提升180%编译速度
对于现在的前端项目而言,编译发布几乎是必需操作,有的编译只需要几秒钟,快如闪电,有的却需要10分钟,甚至更多,慢如蜗牛。特别是线上热修复时,分秒必争,响应速度直接影响了用户体验,用户不会有耐心等那么长时间,让你慢慢编译;如果涉及到支付操作,产品损失更是以秒计,每提前哪怕一秒钟发布,在腾讯海量用户面前,都能挽回不小的损失...
代码星球
·
2020-08-25
webpack4
提升
180%
编译
速度
webpack2新特性
module.loaders变更为module.rules。loader名字需要写全。webpack-dev-server,实际上是一个小型Express服务器,它是用webpack-dev-middleware来处理webpack编译后的输出。 vue有两种构建方式,独立构建和运行构建。它们的区别在于前者包...
代码星球
·
2020-08-19
webpack2
新特性
特性
webstorm修改文件,webpack-dev-server不自动编译刷新的解决办法
webstorm设置中,“Settings”--“Appearance&Behavior”--“SystemSettings”,红框内的选项“Use"safewrite"(savechangestoatemporaryfilef...
代码星球
·
2020-08-19
webstorm
修改
文件
webpack-dev-server
自动
webpack需要全局安装,才能使用webpack命令
webpack全局安装,具体项目中才能使用webpack命令:npminstallwebpack-g ...
代码星球
·
2020-08-19
webpack
需要
全局
安装
才能
Vue2.0+Webpack+Element+Axios+vueRouter技术栈使用过程总结
搭建项目架构目采用Webpack+Vue-router的架构方式,开始安装(一切操作都在windows系统上完成)1.按Win+R,然后在文本框中输入cmd,回车打开命令行,输入vue-cli安装命令:npminstallvue-cli-g-g:表示全局安装2.使用webstorm打开一个空项目目录,然后命令行中初始化...
代码星球
·
2020-08-15
Vue2.0+Webpack+Element+Axios+vueRouter
技术
使用
过程
总结
webpack学习之入门实例
webpack:前端打包神器,目前活跃度甚至超过了gulp、grunt等,使用webpack打包,简单快速,下面记录下webpack环境搭建以及基本使用:1、首先新建一个空白目录,用于项目根目录,比如我这里是simple_project2、cmd窗口全局安装webpack:npminstallwebpack-g//cn...
代码星球
·
2020-08-08
webpack
习之
入门
实例
解决:'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
相信很多人在使用webpack-dev-server时肯定会遇到一些问题(如下图所示) 我在学习vue框架的时候因为要使用到webpack工具,但这个工具又是基于node,而我对node没有任何基础,然后每次出现问题就在网上疯狂的找啊找,在网上诸如类似这个问题的解答很多,但是每个人的情...
代码星球
·
2020-08-07
不是
解决
#39webpack-dev-server
内部
外部
在webpack中使用 html-withimg-loader 打包html文件中的图片
在安装并配置file-loader插件后,在js文件中引入图片使用import导入图片才能被打包,在css或者sass中的背景图片,需要@importcss或sass到js文件中才能被打包对于html中的img的src引入的图片无法正常打包,这时候需要引入一个webpack的插件html-withimg-loader插...
代码星球
·
2020-08-07
webpack
使用
html-withimg-loader
打包
html
vue-cli中webpack配置解析
版本号vue-cli 2.8.1(终端通过vue-V 可查看)vue 2.2.2webpack 2.2.1目录结构├──README.md├──build│├──build.js│├──check-versions.js│├──dev-client.js│├──dev-serve...
代码星球
·
2020-08-07
vue-cli
webpack
配置
解析
vue-cli webpack打包不.map文件,iview 项目打包完,图标路径有问题
vue项目打包出来有时候体积有点大,其实基本都是.map文件比较大,这些文件对项目没什么影响,可以直接在打包时候就不生成.map文件这样就不用每次删那么麻烦了, 做法: config中知道index,js vueiview项目打包完后发现字体图标路径有问题,需要修改webpack配...
代码星球
·
2020-08-02
打包
vue-cli
webpack
.map
文件
vue-cli的webpack模板项目配置文件分析,配置信息详解
比较不错的一篇详解文章: 地址:http://blog.csdn.net/hongchh/article/details/55113751#comments...
代码星球
·
2020-08-02
vue-cli
webpack
模板
项目
配置文件
npm+webpack+babel+react安装
1.首先要安装Node.js,Node.js自带了软件包管理器npm2.在项目文件目录下生成package.json#进入项目目录$npminit3.用npm安装Webpack$npminstallwebpack-g此时Webpack已经安装到了全局环境下,通常我们会将Webpack安装到项目的依赖中,这样就可以使用项...
代码星球
·
2020-08-01
npm+webpack+babel+react
安装
webpack 入门踩坑
参考来源:知乎张轩安装先装好node和npm,因为webpack是一个基于node的项目。然后 npminstall-gwebpack全局安装还可以在当前项目里面也安装一个webpack,这也是官方推荐的做法npminstallwebpack--save-dev总览官网对webpack的定义是MODULEBU...
代码星球
·
2020-07-29
webpack
入门
踩坑
Android APK瘦身之webp图片
webp格式是谷歌推出的一种有损压缩格式,这种图片格式相比png或者jpg格式的图片损失的质量几乎可以忽略不计,但是压缩后图片的体积却比png或者jpg要小很多。亲测一个100kb的png图片经过webp转换之后可以压缩到50kb左右,而且质量没有明显的损失。目前谷歌已经将这种压缩格式集成到其官方开发工具Android...
代码星球
·
2020-07-28
Android
APK
瘦身
webp
图片
Android Bitmap转换WebP图片导致损坏的分析及解决方案
作为移动领域所力推的图片格式,WebP图片在商业领域证明了其应有的价值。基于其他格式的横向对比,其在压缩性能表现,及还原度极为优秀,节省大量的带宽开销。基于可观的效益比,团队早前已开始磋商将当前图片资源迁移至.webp资源。然而对于Android而言,加载.webp图片所消耗的时间比.jpg及.png要慢数倍。对于这点...
代码星球
·
2020-07-28
Android
Bitmap
转换
WebP
图片
首页
上一页
...
6
7
8
9
10
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他