2024/8/11

webpack如何实现的懒加载

从打包之后的代码,看一下webpack如何实现的懒加载 懒加载的本质,代码分离,按需加载 这里使用的是最常用的import 先看一下懒加载效果 首次进入 点击div元素后加载module test代码 export default ()=>{ …

  • webpack
  • 2024/8/11
  • 159
  • 2023/5/26

    webpack中的plugin 且 手写一个简单的plugin

    plugin:插件,webpack的核心之一,对webpack能力的扩展,他能做的事情很多,如:打包优化,资源管理,注入环境变量这些。   借用深入浅出 Webpack来解释先webpack中的plugin: webpack 就像一条生产线,要经…

  • webpack
  • 2023/5/26
  • 138
  • 2023/5/24

    webpack中的loader 且 手写一个简易的loader

    loader,webpack的核心之一,因为webpack只能识别js,json文件,那么jsx,ts,vue,less,sass这类文件的就需要使用loader处理。 Loader 本质上是导出为函数的 JavaScript 模块。它接收资源文件或者上一个 Loader …

  • webpack
  • 2023/5/24
  • 116
  • 2023/5/17

    webpack

     webpack是一个静态资源打包工具,前端工程化中最重要的构建工具之一,是基于 Node.js 运行的。个人人为,他在前端中的是很重要的。类似的打包工具还要vite,group这些。   这里只是会演示下我们是去如何使用…

  • webpack
  • 2023/5/17
  • 117