青蛙king的博客

目录前言一、安装与启用1、安装 webpack2、启用 webpack二、原理三、核心成员1、entry - 入口（1）、配置2、output - 输出结果（1）、配置3、module - 模块（1）、配置4、loader - 模块转换器（解析器）（1）、概念（2）、配置（3）、更多关于解析器5、plugin - 扩展插件（1）、概念（2）、案例（3）、学习资源6、DevServer - 配置 DevServer（1）、安装 DevServer（2）、通过 DevServer 启动 webpack（3）、功

目录一、JavaScript二、webpack1、require.context2、require.ensure 一、JavaScript JS 中的require 和 import 区别 二、webpack 1、require.context webpack 中 require 用于导入模块。 在用 require 导入模块时会生成一个 context module(上下文模块)。它包含 目录下的所有模块 的引用，如果一个 request 符合正则表达式，就能 require 进来。该 context m

在一个项目中，默认安装的 webpack 配置如下： "webpack": "^5.6.0", "webpack-cli": "^4.2.0", "webpack-dev-server": "^3.11.0" 报错：Error: Cannot find module 'webpack-cli/bin/config-yargs 这是由于，webpack-cli 4的版本与其他包并不兼容。 解决办法：降低webpack-cli 的版本从 4 到 3。 npm uninstall webpack..

1、--save（默认） 简写为：-S 生产环境 自动把模块和版本号添加到dependencies。 2、--save-dev 简写为：-D 开发环境 自动把模块和版本号添加到 devdependencies。 ...

webpack是一个JavaScript 应用程序的静态模块打包工具。 这份文档最重要的是：你的 webpack 配置可以有许多不同的格式和风格。关键在于，为了便于你和你的团队易于理解和维护这些配置，需要保证一致性。 前言：本文档旨在给出这些概念的高度概述，同时提供具体概念的详尽相关用例。 目录 一、核心概念 1、入口（entry） 2、输出（output） （1）...