webpack
黑山老妖橙
前端开发工程师,小菜,想要成为真正的大神。不仅精还宽,目前在成为精的路上努力着。
展开
-
vue-cli3 如何打包成zip压缩文件
前言目前在我司,采用前后分离的方式开发,这就会面临一个问题。那就是部署到服务器时如何部署?我们之前的方式是:执行打包命令生成文件夹-> 将文件压缩成zip -> 将zip上传至服务器 ->解压缩 -> 重启服务。在测试阶段每天都要回归bug,所以每天都要重复执行上述操作。有没有更自动化一些的方式来实现呢?就有了自动化部署,但我在研究自动化部署前,其实我是想在打包的时候自动生成zip文件,然后本地的脚本读取zip并上传至服务器,还有一种思路就是上传脚本可以进行打包压缩zip等。因为原创 2020-08-06 15:10:32 · 3037 阅读 · 0 评论 -
Data URL 基本介绍
Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样,在Data URL协议中,图片被转换成base64编码的字符串形式,并存储在URL中,冠以mime-type。本文中,我将介绍如何巧妙的使用Data URL优化网站加载速度和执行效率。1. Data URL基本原理图片在网页中的使用方法通常是下面这种利用img标记的形式: <imgsrc="images/myimg.gif"> 这种方...转载 2020-08-03 22:13:43 · 9002 阅读 · 0 评论 -
webpack系列之 entry&context
入口entry和上下文contextentry是webpack进行构建开始的入口,也就是说构建的起点是哪个文件,可以有一个入口也可以有多个入口,如果有多个入口则会遍历进行,会将当前文件遍历查找到所有相关联的模块进行weback.context 是上下文的意思context首先是一个绝对路径,默认值为项目所在绝对路径。为什么需要它?如果我们的配置文件比较多,且都在一个目录下src下,如果我们的入口配置为如下:module.exports = { entry: { e原创 2020-07-08 19:39:53 · 510 阅读 · 0 评论