webpack
文章平均质量分 83
webpack
weixin79893765432...
学而不思则罔,思而不学则殆。
展开
-
webpack
目录前言一、安装与启用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)、功原创 2021-12-28 14:47:25 · 996 阅读 · 0 评论 -
import 和 require
目录一、JavaScript二、webpack1、require.context2、require.ensure一、JavaScriptJS 中的require 和 import 区别二、webpack1、require.contextwebpack 中 require 用于导入模块。在用 require 导入模块时会生成一个 context module(上下文模块)。它包含 目录下的所有模块 的引用,如果一个 request 符合正则表达式,就能 require 进来。该 context m原创 2021-09-03 10:51:31 · 421 阅读 · 0 评论 -
webpack 解决报错汇总
在一个项目中,默认安装的 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..原创 2020-11-30 14:17:33 · 2091 阅读 · 0 评论 -
webpack --save-dev和--save的使用
1、--save(默认)简写为:-S生产环境 自动把模块和版本号添加到dependencies。2、--save-dev简写为:-D开发环境 自动把模块和版本号添加到 devdependencies。...原创 2019-10-25 16:29:58 · 269 阅读 · 0 评论 -
webpack 概念
webpack是一个JavaScript 应用程序的静态模块打包工具。这份文档最重要的是:你的 webpack 配置可以有许多不同的格式和风格。关键在于,为了便于你和你的团队易于理解和维护这些配置,需要保证一致性。前言:本文档旨在给出这些概念的高度概述,同时提供具体概念的详尽相关用例。目录一、核心概念1、入口(entry)2、输出(output)(1)...转载 2019-08-29 16:52:02 · 402 阅读 · 0 评论