【Webpack】第7页

React8+taro开发微信小程序，实现lottie动画

save修改Taro配置(config/index.js)constconfig={plugins:['@tarojs/plugin-html',//其他插件...],mini:{canvas:true,webpackChain

ace_TiAmo·2025-04-12 08:23

前端基础：React项目打包部署服务器教程

然后现在我用了Webpack5对项目进行了打包，需要将项目部署到服务器上。PS：vue项目打包部署同理。打包好的build文件夹如下图。

destinyol·2025-04-12 04:54

Python 依赖包与虚拟环境及项目管理工具技术选型

项目及依赖管理工具，类似于Java中的Maven与Node中的npm+webpack，在开发和维护项目时起着重要的作用。

minzhuosong·2025-04-11 05:51

前端- [Vue] vue 2.x项目生产编译优化缩短编译时间

使用HardSourceWebpackPlugin：为模块提供中间缓存，第一次构建时会花费较长时间，但后续构建会显著加快。使用TerserPlugin

·2025-04-10 23:59

前端必备技能

另外，构建工具比如Webpack、Vi

Eleven·2025-04-09 23:08

深入探索 Node.js 文件监听机制：从前端工程化到原理剖析

从webpack的热模块替换到Vite的即时刷新，从CSS预处理到静态资源打包，背后都依赖于稳健的文件监听机制。

斯~内克·2025-04-09 11:50

本地项目HTTPS访问问题解决方案

以下是详细解释和解决方案：原因分析默认开发服务器仅支持HTTP大多数本地开发工具（如Vite、Webpack、React等）默认启动的是HTTP服务器，而非HTTPS。

BillKu·2025-04-09 06:49

红宝书第三十二讲：零基础学会模块打包器：Webpack、Parcel、Rollup

红宝书第三十二讲：零基础学会模块打包器：Webpack、Parcel、Rollup资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、模块打包器是什么？

·2025-04-08 10:20

rollup.js 和 webpack

Rollup.js和Webpack都是流行的JavaScript模块打包工具。它们在前端开发中被广泛用于将多个模块打包成一个或多个bundle，以优化项目的性能和可维护性。

try again！·2025-04-07 21:12

如何使用uni-app在开发app中引入本地图片

一、在Vue2中由于使用的构建工具是webpack，内置require引入文件的方式因此我们只需要cons

夏梦春蝉·2025-04-07 19:01

webpack配置解析

Webpack的配置文件一般是一个webpack.config.js文件。这个文件可以导出一个JavaScript对象，其中包含多个配置项来定义Webpack的行为。

我有一只臭臭·2025-04-07 07:17

Vue3使用Webpack？

Vue3完全支持使用Webpack作为构建工具。

繁若华尘·2025-04-07 07:46

深入解析Webpack与Vite：从原理到实战的全链路构建指南

第一章模块化演进与构建工具核心价值1.1前端模块化发展史：从混沌到标准化1.1.1原始阶段（2005-2009）全局变量污染问题：window.myApp={}立即执行函数（IIFE）实现作用域隔离：(function(){varprivateVar='secret';window.myModule={/*...*/}})();1.1.2CommonJS规范（2009）Node.js的模块实现：/

WHCIS·2025-04-07 03:24

Webpack 核心原理深度解析：从入门到精通

文章目录前言一、Webpack概述1.1什么是Webpack1.2Webpack的核心特点1.3Webpack的发展历程二、Webpack核心概念2.1入口(Entry)2.2输出(Output)2.3

北辰alk·2025-04-07 03:23

Webpack vs Vite：现代前端构建工具的巅峰对决与选型指南

构建工具的进化革命当雪碧瓶上的水珠折射出前端工程的变迁史，Webpack与Vite的决战已然成为现代前端开发的分水岭。这场始于打包理念的革命，正在重塑整个前端生态的底层逻辑。

Loving_enjoy·2025-04-07 03:22

webpack和vite的区别是什么

Webpack和Vite都是现代JavaScript应用程序的构建工具，但它们有许多不同的设计理念和实现方式。

申朝先生·2025-04-07 03:20

Webpack vs Vite：深度对比与实战示例，如何选择最佳构建工具？

WebpackvsVite：深度对比与实战示例，如何选择最佳构建工具？引言在现代前端开发中，构建工具至关重要，能直接影响开发效率和项目性能。

女巫的黑猫·2025-04-07 03:20

【前端工程化】Webpack介绍

前端工程化（1）-Webpack当然前端工程化包含的东西太多，思维导图里只是一部分我用过的选型。那从Webpack开始，如果有机会别的工具小鱼也会一点点的讲到。

小小小菜鱼·2025-04-07 00:28

vscode启动项目时报错：Use // eslint-disable-next-line to ignore the next line，可以这样来解决

解决办法：找到webpack.base.conf.js文件，并且将下面这行代码注释掉。具体位置如下图所示：保存后，再重新使用执行npmrundev就可以了

javafg·2025-04-05 23:45

Webpack压缩css/js代码减少包的体积大小

文章目录前言一、使用TerserPlugin压缩js代码二、使用css-minimizer-webpack-plugin压缩css代码总结前言在使用Webpack构建前端项目时，压缩CSS和JavaScript

小码龙~·2025-04-05 17:09

Webpack中loader的作用。

文章目录前言1.处理样式文件2.处理JavaScript文件3.处理其他文件总结前言在Webpack中，Loader是用于对模块的源代码进行转换的工具，它能够将不同类型的文件（如CSS、图片、字体、TypeScript

小码龙~·2025-04-05 17:39

Webpack优化总会让你不得不爱

当然，webpack优化千千万，但我觉得这些就够了首当其冲的，就是工作中那些用不到的样式，可能是由于历史遗留原因已经忘

「已注销」·2025-04-05 17:37

vue 项目中 img 标签使用 require 动态获取图片展示

注意webpack本身是一个预编译的打包工具，无法预测未知变量路径不能require纯变量路径；require(path),path至少要有三部分组成,目录+文件名+后缀；动态获取文件

余人于RenYu·2025-04-05 09:46

webpack4和webpack5，为什么要使用5而不用4？

Webpack4和Webpack5是两个版本的Webpack，广泛用于现代前端开发中，它们有一些显著的差异和改进。

酒江·2025-04-02 15:30

【减小图片打包体积】image-webpack-loader

压缩前：压缩后：实现步骤：1、安装image-webpack-loadernpminstallimage-webpack-loader2、添加webpack的loader配置，和plugin配置同级module

前端_yu小白·2025-04-01 12:43

2024基于webpack从0搭建vue项目，vue2

}),//自动清除dist目录插件newCleanWebpackPlugin(),//配置vueloader插件],//配置开启服务器的信息devServer:{static:{directory:path.join

2401_85124892·2025-04-01 12:40

git克隆项目报错：error: unable to create file vue...... Filename too long

error:unabletocreatefilevue/node_modules/.cache/terser-webpack-plugin/content-v2/sha512/e5/3f/b5faf543704f2634b6a622720f44908b09a1b70ff7dc1176f2d5a47496ac8f3c93f3c00043d3a4a1c1a9d829d7eae89baaf6665a4c

就叫飞六吧·2025-04-01 08:43

vue 移动端树结构功能_【H5】Vue 递归组件构建一个树形菜单

一、初始化我们直接使用vue提供的脚手架vue-cli来初始化我们的工程：#搭建项目vueinitwebpack-simpletree-menu#进入项目cdtree-menu#依赖安装npminstall

难忘念想·2025-04-01 06:30

网页的性能优化

2.分层详细说明加载性能优化"首先在资源加载方面，我会：使用Webpack的代码分割(Spl

weixin_44356698·2025-03-31 19:09

前端国际化-插件模式

文章目录Webpack插件开发解析中文调用有道翻译API生成JSON语言文件React国际化实现Webpack插件开发创建i18n-webpack-plugin.js插件：在src目录下扫描所有文件使用

神奇大叔·2025-03-31 19:09

Vue 3 项目中使用 Webpack 5 模块联邦的实践

Webpack5模块联邦是一个令人兴奋的功能，它使得在多个独立的项目中共享模块变得更加容易。在本文中，我们将探讨如何在Vue3项目中使用Webpack5模块联邦。我们将讨论所需的配置和代码示例。

晨曦之光，优美芝麻·2025-03-31 18:07

Webpack 模块联邦 VS npm 私服

一、Webpack模块联邦1、Webpack模块联邦介绍可以在多个独立应用之间共享和复用核心业务逻辑，避免代码重复，提高开发效率和维护性模块联邦是Webpack5引入的功能，允许将应用拆分为多个独立的模块

sma2mmm·2025-03-31 18:07

谈谈 Webpack 中的 Loader 和 Plugin，它们的区别是什么？

WebpackLoader与Plugin深度解析作为前端工程化的核心工具，Webpack的Loader和Plugin机制是其强大扩展能力的基石。理解它们的差异和适用场景，是构建高效打包体系的关键。

程序员黄同学·2025-03-31 18:03

Webpack 模块联邦 vs npm 私服

1.Webpack模块联邦优点运行时动态加载：模块联邦允许在运行时动态加载远程模块，无需重新构建或发布应用。适合需要频繁更新或动态加载的场景。

sma2mmm·2025-03-31 17:26

使用react 引入相对路径文件

Webpack会将这些文件打包到最终的输出中。

小姐姐呀～·2025-03-31 15:42

从0搭建React开发环境

{//…“scripts”:{“build”:“webpack--mode=development--configscript/webpack.config.js”},}然后根目录终端输入：npmrunbuild

2401_84152232·2025-03-31 14:38

(网页系统集成CAD)WEB CAD中配置属性的使用教程

一、前言MxcadSDK能够在线预览编辑CAD图纸，用户可根据项目需求选择不同的实现方式，如通过Vite、CDN、webpack分别使用mxcad。

·2025-03-31 06:09

手动搭建并配置react项目（webpack5）

手动搭建并配置react项目（webpack5）介绍不使用脚手架，利用webpack，手动搭建react项目框架1、项目创建创建目录react_wepack2、webpack+react基础架构2.1配置

程序员宝妈·2025-03-29 01:07

Vue + webpack 项目实践

最近在内部项目中做了一些基于vue+webpack的尝试，在小范围和同事们探讨之后，还是蛮多同学认可和喜欢的，所以通过blog分享给更多人。

GarfieldEr007·2025-03-29 00:02

vue2中引入elementui

康620·2025-03-28 12:36

js webpack 配置路径_vue使用webpack配置路径别名

下面介绍一种很优雅的方式，使用webpack的resolve.alias。

赤衿·2025-03-28 10:48

如何通过less在vue2中达到切换皮肤的目的

先装lessnpminstalllessless-loader--save-dev然后将该loader添加到webpack的配置中去，例如：webpack.config.jsmodule.exports

隐含·2025-03-28 10:17

前端批量导入方式

webpack批量导入webpack中使用require.context实现自动导入constfiles=require.context('.

蒜香拿铁·2025-03-28 10:17

【Webpack--00201】配置文件路径别名

Sam9029·2025-03-28 09:45

Webpack 中无法解析别名路径的原因及解决方案

Webpack中无法解析别名路径的原因及解决方案文章目录Webpack中无法解析别名路径的原因及解决方案1.引言2.理解别名路径（Alias）2.1什么是别名路径？

几何心凉·2025-03-28 09:43

如何使用Babel将ES6+代码转为ES5？

.Babel简介3.安装与配置Babel3.1安装Babel及相关依赖3.2配置Babel3.2.1使用.babelrc文件3.2.2使用babel.config.js文件4.与构建工具的集成4.1与Webpack