四时宝库

程序员的知识宝库

Vue项目优化打包——前端加分项(vue前端代码怎么编译打包)

前言

Vue项目开发完毕后,对项目进行打包发布之前,必不可少的操作就是项目优化,这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~


Islands Architecture(孤岛架构)在携程新版首页的实践

一、项目背景

2022,携程PC版首页终于迎来了首次改版,完成了用户体验与技术栈的全面升级。

作为与用户连接的重要入口,旧版PC首页已经陪伴携程走过了22年,承担着重要使命的同时,也遇到了很多问题:

项目构建分析和 webpack 优化实践

项目构建分析和 webpack 优化实践

最近接手在做一个chrom浏览器插件的项目,开发过程中发现项目打包的时间很长,足足有30多秒,这是让人很难接受的,而且构建的显示了几条包体积过大的提示信息:

[image:073CB50B-06EB-4779-84FE-D11087B12BD7-47140-0000087E666F3C39/1967FDC4-F9FA-44F3-922E-5406A46415FB.png]

Vue+Echarts构建可视化大数据平台实战项目分享(附源码)(上)


前言

分享之前我们先来普及一下什么是数据可视化?数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理。数据可视化通俗来说就是:数据的展示、处理和分析。目的是借助于图形化手段,清晰有效地传达与沟通信息。

那前端数据可视化又是什么呢?前端数据可视化其实就是利用前端表现层的手段,以前端手段展示、处理和分析数据。前端因为H5的到来,使前端有了质的飞跃,也使前端数据可视化的飞速发展得到了契机。H5提供的canvas就是这一契机。它是前端利用JS制作在做前端数据可视化的利器,几乎全部前端数据可视化工具都是基于其上做的。

每日优鲜供应链前端团队微前端改造

文 掘金号 Terry豆 @每日优鲜

一、需求以及成果

我所在团队是做toB业务的,技术栈是Vue,团队目前有十多个典型的toB业务(菜单+内容布局),这些业务都是服务于一个大平台的,因为历史原因,每个业务都是独立的,都有一个html入口,所以当用户在这个大平台上使用这十多个业务的时候,每当切换系统时,页面都会刷新,体验很差;在开发层面,这十多个业务又有太多共同之处,每次修改成本都很高。

小技巧,如何使用 webpack 降低前端资源文件维护成本

前言

前端现在开发某个常见功能,直接会在 npm

重学 webpack 系列(一)(重载web)

模块化

概述

传统开发问题

你真的了解externals吗(exterinal)

首先介绍一下externals:

按照官方文档的解释:

如果我们想引用一个库,但是又不想让webpack打包,并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用,那么就可以通过配置externals来实现这样的功能。

externals主要是用在创建一个库的时候用的,在我们创建一些库的时候,有些依赖我们可以通过externals来定义多种方式的引用和使用。但是也可以在我们项目开发中充分使用。

假设:我们要开发一个自己的库,里面引用了jquery这个包,经过webpack打包之后,我们会发现,jquery也被打了进来,此时我们的打包文件就会非常大,这个时候为了不把jquery这个第三方的包打进来,我们就可以借助externals的方式来引入。也就是说,自己开发的库本身不打包这个juqery,只是需要用户环境来提供。

<< < 1 2 3 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接