工程化
8篇文章 · 0订阅
  • 《模块化系列》snowpack，提高10倍打包速度
    前几天听一个朋友说到 snowpack, 便去去看了下这个包是干什么的，看了下官网，发现这个东西还是蛮有意思的。号称 无需打包工具（Webpack，Parcel）便能将代码结果实时展现在浏览器中。可以先看以下的图，是不是很诱人？ snowpack 以 ES Modules 为主…
    JavaScript
  • V8引擎的内存管理
    在本章中，我们将介绍用于ECMAScript和WebAssembly的V8引擎的内存管理，这些引擎用于NodeJS、Deno&Electron等运行时，以及Chrome、Chromium、Brave、Opera和Microsoft Edge等web浏览器。由于JavaScrip…
    V8
  • 【建议改成】读完这篇你还不懂Babel我给你寄口罩
    最近在学习webpack, 发现了webpack中一个重要的功能点babel-loader, 于是就想着学习了解一波Babel. 我们在做一件事, 学习一个知识点的时候, 都应该是抱有一个目的去做的. 在这一篇文章中我并没有介绍过于深入的内容, 但是如果把它当成一个入门Babe…
    JavaScript
    【建议改成】读完这篇你还不懂Babel我给你寄口罩
  • Workbox5+Webpack4构建离线应用
    将应用中的静态资源缓存是目前最主流的性能优化方法，甚至能让应用秒开！目前常见的缓存方式有http缓存、memory cache、disk cahce、localstorage、Service worker缓存等方式，本文介绍的Workbox就是实现Service worker离…
    PWA
  • Web性能优化（七）：webpack性能优化
    在前一篇文章中，基础 webpack 环境已经搭建起来了，可以愉快地在上面写代码了。 但还不够，以上配置只是一个最基础的配置。我们还想要做一些优化方面的配置。优化有两个方面： 接下来，就来看看对应的配置是怎样的吧。（文末会有对应配置的完整代码文件） 在调试过程中，为了体验更好，…
    性能优化
  • package.json从入门到跑路
    前端在入门的时候，第一个了解的东西，就是package.json文件，这个文件伴随着所有的前端开发，生生不息。 1. 字段详解 定义: name在一个非分发(上传至npm库)项目中，仅仅作为项目名称使用。而如果作为一个模块、插件、类库分发的项目，name不仅是一个项目名称，还定…
    JavaScript
  • webpack 基础
    依据 webpack 官方文档，webpack 是一个 module bundler (模块打包器)。初次听到这个概念的时候，可能会一脸蒙蔽：这是个啥？对我的开发有啥影响么？ 为了更好理解 webpack，我们需要先了解模块 Module 与打包 Bundle 的具体含义。只有…
    Webpack
  • Webpack那些你不知道的事
    随着前端工程化的不断发展，构建工具也在不断完善。Webpack藉由它强大的扩展能力及万物皆模块的概念，逐渐成为前端构建工具中的小王子，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也许你已经可以熟练使用Webpack进行项目构建，但是…
    Webpack
    Webpack那些你不知道的事