webpack
16篇文章 · 0订阅
  • 你应该知道webpack的这13个常用优化技巧
    无论是自己的日常开发，还是准备面试，都应该掌握一些关于 Webpack 的优化技巧。这篇文章将介绍13个常用的优化技巧，请码住收藏！
    前端 Webpack JavaScript
    你应该知道webpack的这13个常用优化技巧
  • webpack-optimization介绍
    runtimeChunk ，作用是将包含chunks映射关系的list单独从app.js里提取出来，因为每一个chunk的id基本都是基于内容hash出来的，所以你每次改动都会影响它，如果不把它提取出来的话，等于app.js每次都会改变，缓存就失效了。 在使用 CommonsC…
    Webpack
  • 每个前端都必须要学会的Webpack优化手段
    前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli，但是只是基本搭建，而没有进
    前端 JavaScript Webpack
    每个前端都必须要学会的Webpack优化手段
  • webpack优化解决项目体积大、打包时间长、刷新时间长问题！
    在项目中，如果发现脚手架打包缓慢，体积又臭又大，那么，升级技术环境是提升的最快方式，比如node环境，比如升级脚手架版本，效果会有显著提升，而且是最廉价的优化方式。 首先当我们取用esmodel去引用jquery的时候npm搜索会先从当前目录的node_modules中找，找不…
    前端
  • 【webpack】性能优化配置 - HMR - 缓存 -tree shaking - 代码分割 - 懒加载 - 预加载 - PWA - 多进程打包
    上次我们简单介绍了一下webpack的基本使用，今天我们来看看使用webpack进行性能优化的一些配置。这篇一直在我的掘金草稿箱里，本来也准备拿出来当小知识发的，刚好掘金又来了性能优化的活动，赶了个巧
    Webpack 性能优化
    【webpack】性能优化配置 - HMR - 缓存 -tree shaking - 代码分割 - 懒加载 - 预加载 - PWA - 多进程打包
  • html-webpack-plugin详解【转载】
    有了这种插件，那么在项目中遇到类似上面的问题都可以轻松的解决。 在本人项目中使用html-webpack-plugin，由于对该插件不太熟悉，开发过程中遇到这样或者那样的问题，下面就来说说这个插件。 插件的基本作用就是生成html文件。原理很简单： 不配置任何选项的html-w…
    Webpack
  • devServer里 contentBase和publicPath
    我的理解 contentBase是静态资源所在的路径，比如我们的模板index.html所在的路径，默认为项目根目录。 publicPath，webpack的打包输出目录，打包结果会在资源路径添加这个
    Webpack 前端
  • 深度解析webpack5持久化缓存
    基本介绍 持久化缓存是 webpack5 所带来的非常强大的特性之一。一句话概括就是构建结果持久化缓存到本地的磁盘，二次构建(非 watch 模块)直接利用磁盘缓存的结果从而跳过构建过程当中的 res
    Webpack JavaScript
  • Webpack中的source-map、oneOf、缓存的核心用法
    这是我参与11月更文挑战的第27天，活动详情查看：2021最后一次更文挑战 source-map是什么? 设置source-map的方法 选择类型 开发环境：eval-source-map 生产环境：
    前端 Webpack
    Webpack中的source-map、oneOf、缓存的核心用法
  • webpack5 的使用（三）：加载 css
    这是我参与更文挑战的第4天，活动详情查看： 更文挑战 前言 在 webpack5 的使用（一）：起步 文章里，介绍了如何管理 html 和 js，接触了 entry、output 和 plugins
    Webpack