前言 公司目前现有的一款产品是使用vue v2.0框架实现的，配套的打包工具为webpack v3.0。整个项目大概有80多个vue文件，也算不上什么大型项目。 只不过每次头疼的就是打包所耗费的时间平均在一分钟左右，而且打包后有几个文件显示为【big】，也就是文件体积过大。 最近就想着捣鼓一下，看能 ...
分类：
Web程序 时间：
2020-12-28 11:22:49
阅读次数：
0
Vue性能优化：如何实现延迟加载和代码拆分？作者｜FilipRakowski译者｜薛命灯移动优先方法已经成为一种标准，但不确定的网络条件导致应用程序快速加载变得越来越困难。在本系列文章中，我将深入探讨我们在Storefront应用程序中所使用的Vue性能优化技术，你们也可以在自己的Vue应用程序中使用它们来实现快速加载。Storefront应用程序：https://github.com/Divan
分类：
其他好文 时间：
2020-12-24 12:43:05
阅读次数：
0
pika开源：替代WebPack的全新JS构建工具图片作者｜FredKSchott译者｜无明在过去几年中，JavaScript打包已经从一种生产环境优化手段演变成几乎所有WebApp都必不可少的构建步骤。不管你喜欢与否，打包器已经给Web开发带来了巨大的复杂性，这是个不争的事实。为什么要进行打包？现在的JavaScript打包概念可以追溯到很早以前（大约6年前），那个时候我们通常会对JavaScr
分类：
Web程序 时间：
2020-12-24 12:16:52
阅读次数：
0
C++应用程序性能优化（八）——内存分配机制一、操作系统内存布局1、32位系统经典内存布局LinuxKernel2.6.7前版本采用的默认内存布局形式如下：（1）32操作系统中，loader将可执行文件的各个段次依次载入到从0x80048000（128M）位置开始的空间中。应用程序能够访问的最后地址是0xbfffffff(3G)的位置，3G以上的位置是给内核使用的，应用程序不能直接访问。（2）内存
分类：
编程语言 时间：
2020-12-24 12:14:35
阅读次数：
0
图片来源：codeburst@webrealizerJavaScript的世界正在快速发展。前端开发(和网络开发)的世界正在以极快的速度发展。如今，如果不借助前端或Webpack、ReactHooks、Jest、Vue和NG元素，你会很快被远远抛下。不过，情况正在发生改变。尽管开发人员和技术人员在前端领域中的数量逐年上升，生态系统却有标准化的趋势。新技术和工具的出现正在改变当下的规则。总体趋势肯定
分类：
编程语言 时间：
2020-12-23 12:43:36
阅读次数：
0
webpack-bundle-analyzer文件大小分析工具 Angular cli 与webpack-bundle-anglyzer结合分析包大小。 一.安装 npm install --save-dev webpack-bundle-analyzer 二.配置 webpack.config.j ...
分类：
Web程序 时间：
2020-12-19 12:00:03
阅读次数：
2
什么是webpack？ 一句话概括：webpack是一个模块打包工具（module bundler）。重点在于两个关键词“模块”和“打包”。什么是模块呢？我们回顾一下曾经的前端开发方式，js文件通过script标签静态引入，js文件之间由于没有强依赖关系，如果文件1要用到文件2的某些方法或变量，则必 ...
分类：
Web程序 时间：
2020-12-19 11:50:51
阅读次数：
2
因为Webpack是以模块化的JavaScript文件为入口的，所以内置了对模块化JavaScript的解析功能，支持AMO,CornmonJSSystemJSES6parser属性可以更细粒度地配置哪些模块语法被解析、哪些不被解析。同noParse配置项的区别在于，parser可以精确到语法层面，而noParse只能控制哪些文件不被解析。parse的使用方法如下：module:{rules:[t
分类：
Web程序 时间：
2020-12-18 12:16:09
阅读次数：
3
深入了解 ES6 Modules 当下， 我们几乎所有的项目都是基于 webpack、rollup 等构建工具进行开发的，模块化已经是常态。 我们对它并不陌生，今天，我们就再系统的回顾一下ES6的模块机制， 并总结下常用的操作和最佳实践， 希望对你有所帮助。 一些简单的背景 随用随取， 是一种我们都 ...
分类：
其他好文 时间：
2020-12-17 12:49:32
阅读次数：
2
注意： 基于 webpack 5.x 版本。参考官方文档：https://webpack.js.org/guides/getting-started/#npm-scripts 1、初始化项目 创建文件夹 webpacktest ，在此文件夹路径下执行以下命令，创建 package.json 文件，用 ...
分类：
Web程序 时间：
2020-12-17 12:08:44
阅读次数：
2
