Webpack 配置文件详解
2024年04月02日
大多数情况,我们使用webpack打包单页面应用,有的时候也会遇到多页面的项目 单入口配置 一般情况下的配置模板如下: module.exports = { entry: {}, output: {},
2024年04月02日
Webpack 到 Vite 迁移实战:避坑宝典与性能优化深度解析* 随着前端技术的飞速发展,构建工具也在不断迭代升级。Webpack作为一度风靡的前端打包工具,以其强大的功能和高度的可配置性赢得了开发者们的青睐。然而,面对日益复杂的项目和对开发效率的更高追求,Vite应运而生,以其闪电般的冷启动速度、简洁的配置以及对现代浏览器特性的充分利用,逐渐成为新一代前端构建工具的佼佼者。本文将深入探讨从Webpack迁移到Vite的过程,分享实战经验,揭示潜在的“坑”,并剖析如何通过迁移实现性能优化。一、前言*
2024年04月02日
webpack-基础 貌似这些属于编译原理的内容。 当时看了一点编译原理,当中的自动机,彻底懵。 不过大概了解了一点内容。感觉webpack一个打包工具非常类似于一个编译器,将一个文件,转换为另外一个文件。 入口 入口,即寻找入口文件的及其依赖项的文件。即编译前的文件一些概念
2024年04月02日
默认webpack无法处理css文件中的url地址 在打包时会报错无论是图片还是字体库 只要是url地址 都无法处理一、处理图片文件
2024年04月02日
入口和出口
$pwd
/Users/....../CodeLearning/Javascript/Webpack/entry-and-output
## 安装webpack
$yarn add webpack webpack-cli --dev
##安装特定版本
$yarn add [email protected] [email protected] --dev
## 打包
$npx webpack
2024年04月02日
# 前端打包版本号自增:自动化提升项目版本管理水平 **引言** 在Web前端开发过程中,每次项目构建与发布,保持资源版本号的有效更新至关重要。它可以帮助浏览器准确地缓存静态资源,避免旧版资源导致的问题,同时也便于追踪线上问题的具体版本。本文将深入探讨如何实现前端打包时自动增加版本号,以提升项目版本管理的自动化水平。
2024年04月02日
2024年04月02日
基本配置