#webp

帮谷歌推广Webp图片格式之:Webp的格式转换

参考谷歌官网:Webp:AnewimageformatfortheWebWebp是Google强推的新一代网络图片格式,特点就是:高质量压缩。能压缩多少呢?5MB的原图,不降低效果,转换成webp格式后大小是几百KB。100KB的图,转换后是9KB。虽然目前所有主流浏览器都支持这种图片格式,但不幸的是所有主流系统如Ma...

Webpack打包工具

Webpack是一个打包模块化javascript的工具,在webpack里一切文件皆模块,通过loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文件,webpack专注于构建模块化项目。本质上,webpack是javascript应用程序的静态模块打包器。当webpack处理应用程序时,它会递...
代码星球 ·2020-11-21

配置webpack中externals来减少打包后vendor.js的体积

  在日常的项目开发中,我们会用到各种第三方库来提高效率,但随之带来的问题就是打包后的vendor.js体积过大,导致加载时空白页时间过长,给用户的体验太差。为此我们需要减少vendor.js的体积,从本质上来解决这种问题。  webpack的外部扩展(externals)可以有效的解决。一、作用?  使用vue-cl...

Glide终于解决了同时绑定多个webp格式图片的问题

前端时间,要给项目换个图片加载的库,使用Glide3.7版本进行测试,发现在快速滑动列表(每个item都会加载一个app的图标,采用webp格式,即同时加载多个webp格式)的时候,一屏至少有2~3个出现加载失败的情况(看LOG),加载单个的webp格式是OK的;但是采用png是OK的;后来只好采用picasso来加载...

使用webpack配置react并添加到flask应用

  学习react,配置是很痛苦的一关,虽然现在有了create-react-app这样方便的工具,但是必须要自己配置一遍,才能更好地进行项目开发。  首先要明确一个概念:react的文件必须经过编译才能被浏览器识别,因此我们需要webpack这个打包工具来把react的组件打包成一个js文件,然后将这个js文件放到f...

vue项目webpack编译缓存cache-loader

问题:随着业务代码不断增加,项目深度不断延伸,我们的构建时长也会因此不断增加。渐渐的vue项目编译时间变长##优化方法一些性能开销较大的loader前面添加cache-loader,将结果缓存在磁盘中减少编译时间安装:一、npminstall--save-devcache-loader##vue2.0项目/*webpa...

关于webpack的面试题

随着现代前端开发的复杂度和规模越来越庞大,已经不能抛开工程化来独立开发了,如react的jsx代码必须编译后才能在浏览器中使用;又如sass和less的代码浏览器也是不支持的。而如果摒弃了这些开发框架,那么开发的效率将大幅下降。在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构建工具。然而大多数的使...
代码星球 ·2020-09-17

npm ERR! code ELIFECYCLE webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`

“E:ProgramFilesJetBrainsWebStorm2018.1.4inunnerw.exe”G:odeodejsode.exeG:odeodejsode_modulespminpm-cli.jsrundev–scripts-prepend-node-path=autohrvue@1.0.0devG:f...

入门Webpack,看这篇就够了

来源于:http://www.jianshu.com/p/42e11515c10f写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都...
代码星球 ·2020-09-12

Webpack 中文指南

来源于:http://webpackdoc.com/index.html Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader&...
代码星球 ·2020-09-12

(转)Unity3D在WebPlayer模式下的异常上报探索

我们知道,Unity3D在WebPlayer的发布模式下是沙箱环境中运行的。根据Unity3D的官方文档所述,WebPlayer模式下不能使用非托管的DLL,也就是说,传统C++游戏客户端的生成MiniDump所使用的非托管dll——dbgHelp.dll,在.net中也可以使用P/Invoke...

如何使用Coded UI Test对Webpage进行自动化测试

  在VisualStudio中,CodedUITest已经不是什么新特性了,较早版本的VisualStudio中就已经有这个东东了。它主要用来帮助自动化测试工程师和开发人员确保程序在UI方面没有任何问题。这其中包含了丰富的内容。在这之前,我一直对自动化测试的工作以及什么是自动化测试一知半解,具备自动化测试编码能力的工...
代码星球 ·2020-09-04

webpack-dev-server提示css模块解析失败,但已经装了css-loader

版权声明:本文为博主原创文章,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/a117616/article/details/85996558需在当前使用的package.json的script命令行中添加--configxxx/xxx.confi...

webpack集成vue单文件模式的很多坑(研究了1个星期)

1、一开始不知道局部安装webpack后,如何调用webpack.后来看说明文档(webpack中文网)才知道,有个npx可以启动本地安装的webpack.我估计:全局安装webpack,全局的webpack无法调用我的本地安装的很多包,以至于总是编译失败。因此卸载全局包:npmuninstall-gwebpack&n...

webpack4引入JQuery的两种方法

版权声明:本文为博主原创文章,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/weixin_36185028/article/details/81114827非script标签的形式引入JQuery。安装JQuery:先安装加载器expose-lo...
首页上一页...45678...下一页尾页