webpack - 程序员宅基地

阮一峰 Webpack 教程

此 Webpack 教程是阮老师在 Webpack 1.x 的版本上做的。现在 Webpack 的版本已经改动较大，建议有基础的同学，就直接上官网看最新的就好了。这个教程可以用来了解下 Webpack 的前世今生。开始这个项目是一些简单的...

Webpack5多页面打包通用方案

标签： webpack javascript 前端

文章目录背景官方多入口配置多项目打包步骤安装glob模块修改webpack.config.js 配置，新增entries函数，修改entry:entries()，修改output的filename为"[name].js"测试执行打包命令`npm run build`,结果如下。...

webpack 相关知识梳理

标签：前端 webpack npm

webpack相关知识

谈谈你对webpack的理解

标签： webpack

1、webpack是什么 WebPack 是一个模块打包工具，可以使用WebPack管理模块，并分析模块间的依赖关系，最终编绎输出模块为HTML、JavaScript、CSS以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同...

webpack-html-webpack-plugin(default)

标签： webpack

webpack入门和实战(二)：全面理解和运用loader和plugins,webpack-html-webpack-plugin(default)

webpack优化系列二：Vue配置compression-webpack-plugin实现Gzip压缩

标签： vue.js webpack javascript

gzip压缩： ...目前主流的浏览器，Chrome,firefox,IE等都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以...cnpm i -D compression-webpack-plugin 2.修改vue.config.js配置 const Compression.

webpack3.10.0升级到webpack4.46.0

标签： webpack javascript 前端

目前公司webpack版本太低，3.10.1.去官网查看了一下现在已经有5.x版本了，为了稳健性，决定升级到4.x的最终版本4.46.0 https://github.com/webpack/webpack/releases/tag/v4.46.0 记录下升级遇到的问题 1.yarn add ...

webpack的使用和打包

标签： webpack javascript vue.js

webpack的使用和打包，以及个人的一些理解

一、webpack的基本使用

标签： webpack 前端 javascript

一、什么是webpack 概念：webpack是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。好处：让程序员把...

【构建工具】webpack 3、4 升级指南，摆脱低版本的困扰

标签： webpack 前端 javascript

插件，可以在编辑器中实时检查代码，给出错误和警告提示。这种方式可以帮助开发者在编写代码时及时发现问题，而不需要等待打包过程，不会影响。因为 babel 7 新增的 @babel 命名空间，所以原来的。...

Vue、Vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表

标签： webpack vue.js javascript

这些指南只是一些常见的版本...因此，我们建议使用最新版本的 Vue、Vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时，在使用前应该先了解相应版本的官方文档和版本兼容性指南。

使用webpack5搭建vue3项目过程记录(详细注解)

标签： webpack javascript 前端

webpack5搭建详细记录

webpack-demo:学习webpack

标签： JavaScript

webpack-demo learn webpack #webpack创建项目 1、mkdir webpack-demo && cd webpack-demo 2、npm init -y 3、npm install webpack webpack-cli --save-dev 4、本地安装依赖npm install --save lodash 5、执行npx ...

vue项目如何使用webpack打包代码

标签： vue webpack

什么是webpack ***模块打包机：***它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。为什么...

webpack播放：了解webpack

标签： javascript webpack pwa responsive PWA

webpack播放：了解webpack

webpack如何实现热更新？

标签： webpack 前端 node.js

2.创建一个名为 webpack.config.js 的配置文件，并进行基本的配置。以下是一个示例的配置文件：在上述配置中，我们指定了入口文件（entry）和输出文件（output），同时配置了开发服务器（devServer）。其中，hot: ...

webpack的基本使用过程以及命令

标签： webpack 前端 node.js

一、webpack的基本使用过程 1.安装webpack npm install [email protected] -g 2.查看是否安装完成，检测版本 webpack -v 3.打包的过程 (两个路径中间有空格) webpack ./src/main.js ./dist/bundle.js 4.如果因为...

如何升高webpack版本

标签： webpack javascript 前端

要升级Webpack的版本，您可以按照以下步骤操作： 1.首先，打开您的项目文件夹，找到package.json文件。 2.在该文件中找到"webpack"的依赖项，查看当前使用的版本号。 3.在控制台中运行npm install [email protected](x.x...

webpack打包分析

标签： webpack 前端 javascript

【代码】webpack打包分析。

vite和webpack

标签： javascript webpack 前端

vite和webpack

webpack概念简介

目录一、webpack概述1. 什么是webpack？2. 为什么要使用webpack？二、webpack相关概念1. 入口（entry）2. 出口（output）3. 加载器（loader）4. 插件（plugin）三、补充 - 热更新原理总结一、webpack概述 1. 什么是...

安装webpack，webpack-cli，webpack-dev-server（版本一定要兼容！）

标签： npm webpack vue

最近学习vue要安装webpack，webpack-cli，webpack-dev-server，由于它们的版本经常会更新导致不兼容，今天安装了一上午，一直各种报错，最后找到了一个可行方案： webpack 4.41.5 webpack-cli 3.3.10 webpack-dev-...

introduction to webpack

标签： webpack

introduction to webpack

webpack_vue打包优化

标签： vue.js webpack javascript

打包

Webpack5基础应用篇 - [4] 自定义Webpack设置

标签： webpack 前端

1.2.4 自定义 Webpack 配置实际上，webpack-cli 给我们提供了丰富的终端命令行指令，可以通过 webpack --help来查看： [felix] 03-try-webpack $ npx webpack --help Usage: webpack [entries...] [options] ...