webpack
6篇文章 · 0订阅
  • 前端代码规范工具原理和最佳实践：eslint+prettier+gitHooks
    阻止不规范代码进入代码库，规范提交信息。 本文会从依据各工具官方文档等分别对其原理和使用进行解读，并给出最佳实践，从而做到知其然知其所以然还有怎么用。 js是动态且类型宽松的语言，容易产生错误且需要在运行时发现，因此微软推出了另一个语言typescript来弥补js的天生不足（…
    代码规范
  • webpack优化解决项目体积大、打包时间长、刷新时间长问题！
    在项目中，如果发现脚手架打包缓慢，体积又臭又大，那么，升级技术环境是提升的最快方式，比如node环境，比如升级脚手架版本，效果会有显著提升，而且是最廉价的优化方式。 首先当我们取用esmodel去引用jquery的时候npm搜索会先从当前目录的node_modules中找，找不…
    前端
  • 吐血整理的webpack入门知识及常用loader和plugin
    在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程)
    前端 JavaScript
    吐血整理的webpack入门知识及常用loader和plugin
  • 项目性能优化之给dist文件夹中chunk-vendors.js做splitChunks分包，从而减少首屏加载时间
    问题描述 我们项目做完，验收通过以后，就需要打包发布上线啦。于是我们执行命令：npm run build打dist包，打包完以后截图如下： 直接打包的chunk-vendors.js太大了 chunk
    Webpack Vue.js
    项目性能优化之给dist文件夹中chunk-vendors.js做splitChunks分包，从而减少首屏加载时间
  • 精读 Webpack SplitChunksPlugin 插件源码
    前言 最近在做 B 端性能优化的工作，通过一些工具分析，发现我们项目构建出来的 JS Chunks 有数量偏多和部分 Chunks 体积偏大的情况。于是想要了解下通过 splitChunks 的配置是
    Webpack JavaScript
    精读 Webpack SplitChunksPlugin 插件源码
  • 谈一谈Webpack 的SplitChunks
    webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。
    前端 Webpack
    谈一谈Webpack 的SplitChunks