webpack配置

大白话Webpack 配置与使用的详细步骤和插件应用

大白话Webpack配置与使用的详细步骤和插件应用啥是WebpackWebpack就像是一个超级管家，在我们开发网页的时候，会有各种各样的文件，像JavaScript文件、CSS文件、图片等等。
IT木昜·2025-03-06 21:06

什么？你的Nestjs项目部署的时候还要把node_module带上去？

目录创建webpack配置文件修改nestjs-cli修改package最近跟一个小伙伴聊天，他说他部署Nestjs项目的时候，每次都要把package.json带上去然后使用npm把依赖安装一次，才能运行项目
海上彼尚·2025-02-28 22:20

JavaScript系列（86）--现代构建工具详解

webpack详解//1.webpack配置classWebpackC
ᅟᅠ        ‌‍‎‏ 一进制·2025-02-25 23:48

如何清理cache-loader生成的缓存目录？

以下是几种清理缓存的有效方法：一、手动清理1.定位缓存目录在Webpack配置中，你可以指定cache-loader的缓存目录。默认情况下，缓存目录可能位于项目的.cache-loader文件夹中。
祈澈菇凉·2025-02-22 08:39

webpack配置优化,让你的构建速度飞起

前言越来越多的项目使用webpack5来构建项目了，今天给大家带来最前沿的webpack5配置，让我们代码在编译/运行时性能更好~我们会从以下角度来进行优化：提升打包构建速度减少代码体积优化代码运行性能提升打包构建速度在进行打包速度优化之前，需要对当前项目每个部分的打包时间了解清楚。我们借助speed-measure-webpack-plugin插件，它分析webpack的总打包耗时以及每个plu
gogo2027·2025-02-22 03:25

解决webpack4 import 动态导入组件打包报错

解决webpack4import动态导入组件打包报错问题描述分析原因：解决方法1.安装babel-plugin-dynamic-import-webpack2.修改.babelrc文件或者webpack
fangcaojushi·2025-02-22 03:55

webpack 性能优化方案总结

webpack-bundle-analyzer1.1简介主要是用来可视化查看包的大小1.2安装npminstall--save-devwebpack-bundle-analyzer1.3使用方式1、在webpack
carpe diem xt·2025-02-16 06:44

webpack配置之---output.chunkLoadTimeout

output.chunkLoadTimeoutoutput.chunkLoadTimeout是Webpack配置中的一个选项，用于设置在加载异步chunk（代码块）时，超时等待的时间（以毫秒为单位）。
LLLuckyGirl~·2025-02-13 03:37

webpack配置之---output.path

output.pathwebpack.output.path是Webpack配置中的一个重要选项，用于指定构建输出的目标文件夹路径。
LLLuckyGirl~·2025-02-13 02:59

webpack配置之---output.publicPath

output.publicPathwebpack.output.publicPath是Webpack配置中的一个重要选项，用于指定打包后资源（如图片、字体、JavaScript等文件）在浏览器中的公共访问路径
LLLuckyGirl~·2025-02-11 10:39

webpack配置之---output.chunkFilename

output.chunkFilenameoutput.chunkFilename是Webpack中用来配置异步代码块（动态导入、懒加载等）文件名的选项。它控制的是通过代码拆分生成的那些非入口点（entry）文件的命名规则。在Webpack构建过程中，除了打包主入口文件（entry配置的文件），当你使用懒加载（import()）或动态导入时，Webpack会将这些异步加载的代码拆分成独立的文件。这些
LLLuckyGirl~·2025-02-11 08:59

webpack配置之---output.filename

output.filename在Webpack中，output.filename配置项用来指定打包后生成的文件名称。它是Webpack构建输出目录中的关键部分，决定了生成文件的名字格式。1.基本字符串配置最简单的配置方式是通过字符串设置文件名。比如：module.exports={output:{filename:'bundle.js'}}这表示打包后的输出文件将被命名为bundle.js，并且会
LLLuckyGirl~·2025-02-09 10:49

React使用less语法

1.安装yarnaddlessless-loaderornpmilessless-loader2.打开webpack配置文件创建项目的时候我们是看不到webpack文件的需要暴露出来yarnejectornpmruneject3
世间万物皆对象·2025-01-30 12:26

webpack-bundle-analyzer 打包分析工具

移动端项目优化的时候，需要这个插件来可视化查看打包大小，在此记录下插件官网地址一.安装npminstall--save-devwebpack-bundle-analyzer二.使用方式：1.作为插件使用（推荐）在webpack
cc蒲公英·2025-01-30 02:39

webpack 学习从零到亿过程

我们先初始化一个node项目npminit安装webpack包npminstallwebpackwebpack-cli--save-dev写webpack配置文件config/webpack.dev.config.js
光头程序员·2025-01-26 17:48

webpack怎么配置单页面或者多页面项目？

dependOn配置多个入口的依赖关系，一般的，我们也可以直接在entry中配置多个入口文件的键值对1、单页面举个例子=>你有这样一个项目架构├──config│├──webpack.config.js//webpack
镜中的女孩-potato·2024-09-14 18:25

【前端Vue】06 - VueCLI 脚手架

VueCLI是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。
itlu·2024-09-06 06:50

webpack plugin

插件的执行顺序在Webpack配置文件中，插件是按照它们在plugins数组中的顺序依次执行的。
_Rookie._·2024-09-04 21:16

TypeScript+Vue

Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义
神小夜·2024-09-01 10:07

【Node.js 常用命令（第五篇）】揭秘Node.js：掌握这些常用命令，让你在开发路上风生水起！

目录前言30条常用的Node.js的命令（第1~120条在上一篇）121.gulp-流式自动化构建系统122.grunt-经典的任务运行器123.webpack-merge-合并Webpack配置124
雷神 Leo·2024-08-28 21:15

Webpack配置及工作流程

Webpack是一个现代JavaScript应用程序的静态模块打包器（modulebundler）。当Webpack处理应用程序时，它会在内部构建一个依赖图（dependencygraph），该图会映射项目所需的每个模块，并生成一个或多个bundle。基本配置步骤安装Webpack和WebpackCLI：使用npm或yarn将Webpack及其命令行接口（CLI）安装为开发依赖。npminstal
开发小途·2024-08-28 02:40

React项目-less、antd配置

一、创建Reract项目1、创建React项目npxcreate-react-appreact-test2、运行ejectCesium静态资源需要webpack配置，执行npmruneject可以生成webpack
呆呆的小草·2024-08-26 17:34

3月12日日记：【WEBPACK】【REACT】

关于webpack遇到的问题本次webpack配置一切顺利，需要注意的地方有两点：在使用babel-loader的时候要将node_modules目录剔除，否则会出现项目中载入css的时候出现css-loader
钟志弘·2024-08-24 21:50

webpack快速基础

文章目录webpack快速基础1.概念1.1入口1.2输出(output)1.3loader1.4插件（plugin)2.建立项目，用于测试功能2.1安装webpack，2.2创建webpack配置文件
风漫漫雨歇歇·2024-03-26 08:54

Webpack配置与运行基础教程

在前端开发中，Webpack是一款非常流行的模块打包工具，它可以帮助我们将多个文件打包成一个或多个静态资源文件，从而提高前端项目的性能和可维护性。本文将为你介绍Webpack的基础配置和运行方法，帮助你快速上手Webpack。什么是WebpackWebpack是一个基于Node.js的模块打包工具，它可以将各种资源，如JavaScript、CSS、图片等，视为模块，并通过各种loader和插件对这
猿小白klp·2024-03-09 03:28

【前端】Vue中引入excel模板并下载以及XLSX使用

模板存放位置src/assets/excelTemplate/模板.xls安装模块包npminstallfile-loader--save-dev//开发，Webpack配置中使用它来处理文件加载npmixlsx
Lucky小维·2024-02-20 20:09

【Webpack】生产模式

优化主要从两个角度出发:优化代码运行性能优化代码打包速度生产模式准备我们分别准备两个配置文件来放不同的配置1.文件目录├──webpack-test(项目根目录)├──config(Webpack配置文件目录
小秀_heo·2024-02-20 02:23

vue框架-vue-cli

VueCLI通过提供预先配置好的Webpack模板和插件，使得开发人员可以在不需要手动编写Webpack配置的情况下快速创建Vue应用。
陆卿之·2024-02-20 00:54

vue3 要区分生产环境和测试环境，请求不同的后端接口，如何统一配置管理

下面的内容是chatGPTQA日志在Vue3中，你可以使用环境变量和Webpack配置来区分生产环境和测试环境，并且请求不同的后端接口。
·2024-02-19 15:48

【Vue】工程化开发&脚手架Vue CLI

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳工程化开发&脚手架VueCLI基本介绍VueCli是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack
五敷有你·2024-02-14 18:08

vue全家桶

Vuecli提供了强大的功能，用于定制新项目、配置原型、添加插件和检查webpack配置。安装：npminstall-gvue-cli优点：功能丰富，易于扩展等优点2.vue-Router的使用vue
miss-ddly·2024-02-14 17:24

webpack常用配置及基本概念

webpack配置文件的默认名称:webpack.config.js/webpackfile.js一般选前一种(1)入口entry/出口output:entry可多入口,可构建多页面应用，设计多个html
再来一瓶路易十三·2024-02-13 13:16

webpack 配置文件、配置项、插件

1.webpack配置文件webpack.config.js配置项entry入口文件,告诉webpack打包从哪个文件开始,可以有一个或多个入口文件.output出口文件,也就是打包生成的文件存放位置,
Pumpkincc·2024-02-12 10:53

Vue 性能优化

回答此问题应从三个方面着手1）Vue代码层面的优化；2）webpack配置层面的优化；3）基础的Web技术层面的优化一：代码层面的优化1.1、v-if与v-show区分使用场景1.1.1手段：v-if是通过控制
moveOn_3e90·2024-02-11 04:12

[学习笔记]TypeScript学习笔记

1.2TypeScript与JavaScript的关系1.3TypeScript的优点1.4TypeScript开发环境搭建2基本类型2.1类型声明2.2基本类型种类3编译选项3.1自动编译文件3.2自动编译整个项目4用webpack
无知的圆·2024-02-10 18:54

Vue脚手架目录详解

vue脚手架一级目录一级目录build：webpack配置文件config：webpack配置文件node_modules：安装的依赖包src：所有的组件都写在里面static：所有第三方的静态资源存放目录一级文件
江疏影子·2024-02-09 18:16

webpack概念

概念和安装安装npminitdemo//创建一个项目cddemonpminstall-Dwebpackwebpack-cli创建一个webpack.config.js文件，webpack配置可以写在其中
passenger_z·2024-02-08 13:43

vue中webpack配置compression-webpack-plugin打包压缩和优化，terser-webpack-plugin在构建过程中对 JavaScript 代码进行压缩和优化

compression-webpack-plugin/一、compression-webpack-plugin的使用，安装插件npminstallcompression-webpack-plugin--save-dev二、在webpack
葫芦娃y·2024-02-07 22:18

前端工程化与webpack基础-----webpack插件，打包

文章目录前端工程化与webpack基础前端工程化实际的前端开发何为前端工程化前端工程化解决方案webpack基础用法webpack是什么安装webpack配置webpackmode的可选值webpack.config.js
追求～·2024-02-07 10:58

webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。

文章目录前言一、项目完成的目录二、webpack配置vue1.main1.js，安装vue并初始用（解决报错）2.el和template区别a、区别一3.main2.js，使用SPA模式4.main3.
java冯坚持·2024-02-07 09:46

Vue<解决vue cli2/3 打包上线后的缓存问题>

webpack.prod.conf.js代码配置image.pngimage.png在vuecli3项目中，首先你有配置vue.config.js(不知道怎么配置的话，直接看最下面)，然后在里面添加configureWebpack:{//webpack
誰在花里胡哨·2024-02-07 01:20

React核心知识点总结（全）

create-react-app（cra））1：安装cnpminstall-gcreate-react-app2:初始化项目create-react-appdemoNmae3：了解react脚手架中的webpack
pray Serendipity·2024-02-05 03:15

手写一个 vue 项目的webpack 的配置 1

最近闲下来了，就做做技术分享系列文章计划分为三篇手写一个vue的webpack配置手写一个react的项目webpack实践手写一个webpack的脚手架我们经常在项目中遇到修改webpack的配置，但是只是单纯的依靠脚手架
hegege·2024-02-04 18:39

webpack 配置文件

本节我们来学习webpack的配置文件webpack.config.js，由于webpack配置文件是导出一个对象的JavaScript文件，因此很少有webpack的配置看起来是完全相同的。
暖A暖·2024-02-04 14:27

webpack配置

一、很多基础方面的配置被vuecli所集成一般项目都是使用vuecli,不会真正的去从0-1进行webpack配置:1、vuecli中的webpack基础配置:(1)入口文件默认在src/main;输出在
和科比合砍81分·2024-02-04 10:42

前端工程化实战 - Webpack 打包

前端工程化实战-Webpack打包模块打包工具的由来模块打包工具概述Webpack基础Webpack快速上手Webpack配置文件Webpack工作模式Webpack打包结果运行原理Webpack模块加载器
时光海丶·2024-02-04 10:33

从0搭建react+ts+redux+axios+antd项目

文章目录一、安装及初始化二、TypeScript配置三、Webpack配置四、Prettier统一编码风格五、使用less六、Antd安装及使用七、添加Router及配置八、安装axios九、添加redux
Ying（英子）·2024-02-02 08:55

前端工程化之：webpack1-10(区分环境)

区分环境有些时候，我们需要针对生产环境和开发环境分别书写webpack配置。为了更好的适应这种要求，webpack允许配置不仅可以是一个对象，还可以是一个函数。
小李老笨了·2024-02-02 08:54

webpack配置报错Invalid options object. Dev Server has been initialized using an options object that...

webpack配置项报错ValidationError:Invalidoptionsobject.DevServerhasbeeninitializedusinganoptionsobjectthatdoesnotmatchtheAPIschema
小马_xiaoen·2024-02-02 02:29

Webpack的性能优化

减小生成文件的体积：使用treeshaking来消除未使用的代码，可以通过在webpack配置中设置optimizati
好先---------------在华夏·2024-02-01 07:54
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他