webpack

前端与小赵

什么是Webpack，有什么特点Webpack 是一个现代 JavaScript 应用程序的静态模块打包器。它最初由 Tobias Koppers 于 2012 年开始开发，并在 2014 年首次发布。Webpack 的出现解决了前端开发中日益复杂的应用程序构建问题，特别是在模块化和依赖管理方面。

生椰拿铁You

03 —— Webpack 自动生成 html 文件HtmlWebpackPlugin | webpack 中文文档 | webpack中文文档 | webpack中文网

Nuxt.js 应用中的 webpack：configResolved事件钩子title: Nuxt.js 应用中的 webpack：configResolved事件钩子 date: 2024/11/21 updated: 2024/11/21 author: cmdragon

Nuxt.js 应用中的 webpackConfigs 事件钩子title: Nuxt.js 应用中的 webpackConfigs 事件钩子 date: 2024/11/20 updated: 2024/11/20 author: cmdragon

一雨方知深秋

prop校验，prop和data区别prop:组件上注册的一些自定义属性prop作用：向子组件传递数据子组件当width是字符串时，居然也能显示而且不报错，这就出问题了如果希望组件传错了，能给提示，就需要加校验写法。将数组写法改为对象写法，对象中有键和值。键就是当前props中的名字，值就是校验要求。也可以写String,Boolean,Array,Object,Function

落日弥漫的橘_

解决vue 项目报 error in ./node_modules/ml-matrix/matrix.js 问题这个错误提示表明正在使用的代码中包含私有方法（private methods），而 Babel 的配置没有开启对私有方法的支持。要解决这个问题，需要安装并配置 @babel/plugin-transform-private-methods 插件。

网页抓取API，让数据获取更简单网页抓取的过程通常分为以下步骤，尤其是在面对静态网页时：API 则提供了一种标准化的访问方式，不同的站点通过 API 获取数据的方法大体一致：

前网易架构师-高司机

YOLOv11 C++ TensorRTYOLOv11 C++ TensorRT项目是一个用C++实现并使用NVIDIA TensorRT进行优化的高性能对象检测解决方案。该项目利用 YOLOv11 模型提供快速准确的对象检测，并利用 TensorRT 最大限度地提高推理效率和性能。

理想不理想v

【经典】 webpack打包流程及原理？webpack打包流程及原理Webpack 是一个模块打包工具，它可以分析项目的依赖关系，将这些依赖转换和打包为合适的格式以供浏览器使用。以下是 Webpack 打包流程的简化版：

Vue 项目打包后环境变量丢失问题（清除缓存），区分.env和.env.*文件今天在导报项目的时候遇到一个问题问题：在开发环境中一切正常，但在打包后的生产环境中，某些环境变量（如 VUE_APP_BASE_API）无法正确读取，导致出现 VUE_APP_BASE_API 不存在的错误。

用户4556737272865

Webpack的基本配置官方文档：webpack.docschina.org/concepts本质上，webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。

Node.js | npm下载安装及环境配置教程前言：npm 是 Nodejs 下的包管理器，在下载 Node.js 后自动安装，因此本文同时适合 Node.js / npm 的下载安装及环境配置。

没头发的卓卓

小白写第一个Webpack Plugin的曲折过程（听懂的都掉小珍珠了）一个monorepo项目，里面有子项目a和子项目sdk，a项目依赖于sdk（有代码引用），我们发现，当使用alias的时候，不仅要在tsconfig里的compilerOption的path配置，还要在webpack的resolve里面的alias配置，显然是非常的麻烦，于是我们打算复现这个最小demo，并写一个webpack插件，让代码在运行的时候，自动识别tsconfig里的alias，并注入到webpackconfig里面，这样我们就可以只管理tsconfig，大大节约了开发精力，减少出错概率

半度℃温热

ERROR TypeError: AutoImport is not a function原因：unplugin-auto-import 插件版本问题

【Webpack实用指南】如何拆分CSS资源（2）在现代前端开发中，CSS 的管理和优化是非常重要的。webpack 是一个强大的模块打包工具，可以将 CSS 视为模块进行处理，从而实现 CSS 的拆分、合并和优化。本文将详细介绍如何使用 webpack 和相关 loader 来拆分和管理 CSS。

vue2将webpack改为vite1、修改环境变量：之前vue-cli使用的是VUE_APP开头的环境变量，vite使用的是VITE_开头的环境变量，所以需要修改环境变量。

实现 Toy-React , 实现 JSX 渲染JSX 是属于 React 中的一大特性，因此，本文将实现自定义 JSX 渲染功能，同时也会实现部分 React 中拥有的功能，以便加深理解.

【模块化大作战】Webpack如何搞定CommonJS与ES6混战（3）在前端开发中，模块化是一个重要的概念，不同的模块化标准有不同的特点和适用场景。webpack 同时支持 CommonJS 和 ES6 Module，因此需要理解它们在互操作时 webpack 是如何处理的。

DOM 规范 — MutationObserver 接口最近在重学 JavaScript 中，再一次接触到了 MutationObserver 内容，接着联想到了 Vue 源码中有使用过这个接口，因此觉得有必要对 MutationObserver 接口进行相关了解和学习。

vite和webpack的区别Vite和Webpack都是现代前端开发中的构建工具，它们各自具有独特的特点和优势。以下是两者的主要区别：