最新 最热

webpack 学习笔记系列06-打包优化

可选值:async(默认) | initial | all(推荐),针对下面的 a.js 和 b.js

2021-06-27
0

关于vue在首次加载时缓慢的解决办法,采用资源文件压缩的方式解决

简介 第一次打包vue的项目部署到服务器下时,发现初次加载特别的缓慢,将近20s页面才加载出来,完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文件特别的大,一次想要全部加载完成会特...

2021-06-25
0

在electron-vue中配置跨域代理

在electron-vue中配置跨域代理无效,经排查是因为在webpack中绕过了proxyTable,那么应该如何进行配置?

2021-06-23
0

【华为分享】前端领域的转译打包工具链(下)

这是前端领域的转译打包工具链的第二篇文章,上篇文章讲了前端领域的各种转译器,包括 babel、tsc、terser、eslint、postcss、posthtml、swc 等,介绍了他们各自的用途和通用的原理,还有在项目中使用的 3 种方式:git hooks、...

2021-06-22
0

vue3+element-plus+router+vuex+axios从零开始搭建(2)

vue-cli 3.0x与vue-cli 2.0x最主要的区别是项目结构目录精简化,这也带来了许多问题,很多配置需要自己配置,

2021-06-21
0

手把手教你写一个Vue组件发布到npm且可外链引入使用

前言 我们为什么要写个组件上传到npm镜像上呢,我们肯定遇到过这样一个场景,项目中有很多地方与某个功能相似,你想到的肯定是把该功能封装成Component组件,后续方便我们调用。但是过了一段时间,你...

2021-06-21
0

Webpack 如何配置热更新

是指 Hot Module Replacement,缩写为 HMR。对于你需要更新的模块,进行一个"热"替换,所谓的热替换是指在不需要刷新页面的情况下,对某个改动进行无缝更新。如果你没有配置 HMR,那么你每次改动,都需要刷新页面,才能看到改动之...

2021-06-17
0

有点难的知识点: Webpack Chunk 分包规则详解

在前面系列文章提到,webpack 实现中,原始的资源模块以 Module 对象形式存在、流转、解析处理。

2021-06-16
0

Webpack4 性能优化实践

在使用 Webpack 时,如果不注意性能优化,可能会产生性能问题,会导致在开发体验上不是非常丝滑,性能问题主要是编译速度慢,打包体积过大,因此性能优化也主要从这些方面来分析。本文主要是自己平时的工作积累和参考别人的文章,...

2021-06-16
0

配置多入口 Webpack 热更新失效?

Webpack 对于现代前端开发者,想必是相当熟悉了,在很多项目中,应用非常广泛,而 webpack-dev-server,相信大家应该也都接触过。最近,作者在配置多入口,热更新在单入口是好使的,结果到了多入口不好使?,然后通过 Google 寻找答案,找...

2021-06-16
0