Webpack共0篇 第3页
Webpack
排序
webpack 性能优化
前言 本篇围绕 webpack 做性能优化，分为两个方面：构建时间优化、构建体积优化 构建时间优化 缩小范围 我们在使用 loader 时，可以配置 include、exclude缩小 loader 对文件的搜索范围，以此来...
2年前Vite + Qiankun + Module Federation，微前端项目升级?
起源 原有vue-cli + qiankun微前端项目，分为一个主应用，10多个子应用。由于历史原因存在vue2、vue3多个版本，并通过vue-cli构建，由于qiankun的沙箱隔离，每个子应用存在重复的依赖构建。所以...
2年前
写给初中级工程师的进阶指南，打造属于自己的webpack配置(包含react、vue项目)
1. 引言 webpack是前端开发中重要的打包工具。对初中级工程师来说可能难以入门，无从下手，不能顺利的配置属于自己项目webpack配置。没关系，本文将结合webpack的构建流程，梳理常用配置，带大...
2年前【跳槽必备】2023webpack常问面试知识点总结
前序 Webpack是一个现代的JavaScript应用程序静态模块打包工具。它能够处理各种类型的模块（如JavaScript、CSS、图片等），将它们打包成最终的静态资源文件。Webpack的作用是优化项目结构、处理...
2年前webpack 如何在运行时传递参数
1. 问题场景 假设这样的问题场景：站点支持国际化（i18n），编译时想支持指定语言来编译。 一般，项目中会配置 npm scripts 来跑一些任务，常规的线下开发编译任务，线上发版打包任务。 所以 pa...
2年前
记一次vue2多页应用打包优化
项目为 9 个入口的多页应用， @vue/cli-service版本为 4.4.4，webpack 版本为 4.46.0。部署的每一个应用加载都巨慢无比，抓包发现每个应用的首页都需要加载十几 M 的 js 文件。 优化前： 优化后...
2年前webpack 之 Loader 浅析
我正在参加「掘金·启航计划」 1. 什么是loader 在Webpack中，Loader是用于将非JavaScript文件（如CSS、图片、字体等）转换为模块的函数。它们作为构建过程的一部分，用于处理项目中的不同类型...
2年前
小程序webpack异步分包实践-以echarts为例
背景 需求中需要广泛使用到echarts进行绘图，但是小程序本身对于分包使用是有大小限制的。 参考了echarts在小程序中的实践发现 github.com/ecomfe/echa… echarts.js及时在最精简的情况下仍然有...
2年前
弄懂这几个概念后，我对webpack有了新的理解
前言 随着vite的诞生，webpack似乎渐渐的被大家抛弃。前阵子我也用vue@3.x + vite@4.x开发了一个后台管理系统，体验了一把，确实有被vite飞快的启动速度给惊艳到。 但是毕竟webpack已经诞生了许...
2年前从实际出发，带你更好的学会webpack如何配置——概念篇
前言 随着vite的诞生，webpack似乎渐渐的被大家抛弃。前阵子我也用vue@3.x + vite@4.x开发了一个后台管理系统，体验了一把，确实有被vite飞快的启动速度给惊艳到。 但是毕竟webpack已经诞生了许...
2年前
【webpack系列】从基础配置到掌握进阶用法
前言 本篇文章将介绍一些webpack的进阶用法，演示内容继承自上一篇文章的内容，所以没看过上一篇文章的建议先学习上一篇内容再阅读此篇内容，会更有利于此篇的学习～ 文件指纹 文件指纹指的是打...
2年前
【前端工程化】webpack5+vue3+ts+代码规范构建企业级前端项目(三)
目录 前言 构建耗时分析 开启持久化存储缓存 开启多线程loader 配置alias别名 缩小loader作用范围 精确使用loader 缩小模块搜索范围 devtool模式配 其他优化配置 总结 1. 前言 从2020年10月10日...
2年前
webpack5实用配置经验总结
场景一：使用ESM形式和Typescript编写webpack配置文件 参照官网的配置Typescript，有三种解决方案，目前采用的是使用tsconfig.json中重载ts-node的配置，存在一种问题：在package.json中声明了t...
2年前
从零开始学习Webpack入门
我正在参加「掘金·启航计划」 两年前我还在一家公司上班，做前端开发，但觉得大专学历上限会相对低，所以萌生了升本的想法。 现在专升本应届，发现找工作跟 20 年之前相比真的是太难了。 简历...
2年前【温故知新】从常用配置项深入浅出 webpack
我正在参加「掘金·启航计划」 序 从最基础配置开始, 逐步理解 webpack 是如何工作的 可以直接用作 webpack 配置项的参考，按需在项目中添加 加深前端开发对工程化项目的认知 基础配置 要安装最...
2年前2023前端面试真题合集 – Webpack部分
知识点 基本概念：如入口（entry）、出口（output）、Loader、Plugin、模式（mode）等。 配置文件：理解Webpack配置文件（通常是webpack.config.js）的结构和常用配置项，如entry、output、modu...
2年前【前端工程化】webpack5+vue3+ts+代码规范构建企业级前端项目(二)
目录 前言 环境变量配置 支持css和less 添加css3前缀 babel处理js兼容 复制public文件夹 支持引用图片文件 支持引用字体和媒体文件 参考 一. 前言 从2020年10月10日，webpack 升级至 5 版本到现...
2年前深入 webpack，直接使用 webpack-dev-server 轻松创建一个可以热加载的本地服务器
在使用webpack的过程中，令我们拍案叫绝的就是它的热加载功能，可以让我们在开发过程中，实时的看到修改后的效果，而不需要手动的刷新浏览器。 这个功能是通过webpack-dev-server来实现的，它是...
2年前
【webpack系列】从核心概念到上手配置
前言 作为前端开发者，相信大家或多或少都接触过webpack，现如今webpack已经渗透在了前端的各个方面，所以我们有必要来了解并学习webpack，webpack 是一种用于构建 JavaScript 应用程序的静态模...
2年前
进阶开发，跟我一起拿捏webpack loader原理
前言 上一篇是日常开发，我该掌握哪些webpack loader知识，这一篇主要从源码层面分析，webpack内部是怎么控制loader执行，让我们不仅知道怎么用，还能知道为什么这么用，最后还会分析常用loader...
2年前