webpack只是一个打包模块的机制，只是把依赖的模块转化成可以
转载
2021-07-18 16:25:28
1505阅读
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundlewebpack四个核心概念一 入口webpack.config.js里配置module.exports = {
转载
2021-02-03 20:05:21
824阅读
2评论
什么是 webpack ? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包
转载
2020-10-16 12:40:00
262阅读
2评论
周五晚上发布了计划，计划一出来，就要坚定执行，不然怎么算得上男人这个称号呢？昨天已经研究了 vue 一些常用的 组件，也已经整理到自己的组件学习库中了，喜欢的伙伴可以点赞，收藏加评论，一起进步吧最近甚是好奇 vue-cli3 到底是怎么打包压缩分离 html，css，js 的到底哪些所谓的 loader 是起到什么样的作用，嗯，正是这个好奇心，促使我开始研究 webpack好的，开始进入主题第一：
原创
2020-12-26 21:18:02
520阅读
周五晚上发布了计划，计划一出来，就要坚定执行，不然怎么算得上男人这个称号呢？昨天已经研究了 vue 一些常用的 组件，也已经整理到自己的组件学习库中了，喜欢的伙伴可以点赞，收藏加评论，一...
原创
2021-07-14 10:42:13
203阅读
想要知道 Webpack 打包原理的我们需要提前知道两个知识点 1、什么是 require？ 说到 require 首先想到的可能就是 import，import 是 es6 的一个语法标准, – require 是运行时调用，因此 require 理论上可以运用在代码的任何地方； – im
转载
2022-07-14 09:40:01
184阅读
开发环境： webpack ./src/index.js -o ./build/built.js --mode=development
含义：webpack会以./src/index.js 为入口文件开始打包，打包后输出到 ./build/built.js
整体打包环境，就是开发环境。
生产环境： webpack ./src/index.js -o ./buil
原创
2021-04-22 09:19:48
401阅读
image.png 一. 概述 什么是webpack 模块打包机：它做的事情是
原创
2022-06-20 22:38:36
149阅读
在做vue项目和react项目时，都用到了webpack。webpack帮助我们很好地提高了工作效率，但是一直以来没有对其原理进行探究，略有遗憾。 因为使用一个工具，能够深入了解其原理才能更好地使用。 这篇文章将大致分为三个部分进行解读： webpack打包简单介绍 输入webpack后发生了什么，
转载
2017-07-31 22:10:00
255阅读
一. 概述 什么是webpack 模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 为什么使用webpack 现在是网络时代，在我们的生活中网络成为了必不
原创
2022-05-04 09:54:45
584阅读
原因Webpack5已经废弃了url-loader、file-loader，使用后资源无法正常加载，图片无法正常显示参考文档：https://webpack.docschina.org/migrate/5/#clean-up-configuration解决方案1.在use后添加typerules: [{
test: /\.less$/,
转载
2021-10-31 15:39:00
119阅读
以下内容均以webpack配置中的output.library.type: 'umd'为基础 使用webpack将文件打包为library后，打包好的文件被script标签引用时，library的名字会被放在全局变量中等待使用，至于库名下的内容，则与webpack配置中的output.library.export属性值相关。
转载
2021-10-28 23:15:00
194阅读
webpack打包理解（将所有依赖文件打包到一个文件中）由于前端代码变得越来越多，越来越复杂， 纯粹脚本化的代码书写方式已经不能满足工程化得需求。前端模块被抽象出来， 不仅仅包括js模块， 其它如css都算作一个模块。将这些模块打包到同一个js文件中，就叫webpack打包。 打包原理https://www.jianshu.com/p/e24ed38d89fd
webpack只
转载
2024-08-22 20:12:02
64阅读
webpack打包初识
原创
2017-02-17 10:34:32
1601阅读
一、webpack基本安装 1、创建webpack项目目录如webpackDemo，并进入webpackDemo; 2、 在node已经安装的前提下，打开命令行控制器，输入如下命令： npm init -y npm install webpack webpack-cli --save-dev //安 ...
转载
2020-10-25 13:45:00
321阅读
2评论
前言 记一次配置webpack jqeury中的案例。 正文 选取自己需要安装的jquery版本号 dependencies:{ //此处的jquery版本根据npm后的版本来看，会有安装版本的提示 "jquery":"^3.3.1" } webpack 中的配置 plugins: [ new we
转载
2020-06-21 10:42:00
572阅读
2评论
WebPack打包优化
原创
2024-05-07 13:57:36
191阅读
1、安装webpack（局部安装webpack）。npm i webpack webpack-cli -D2、安装成功之后，你会在package.json文件中看到这个3、新建webpack.config.js文件，里面写配置编译模式，入口出口等（这里演示的是单入口打包）// 导入node.js中专门操作路径的模块
const path = require('path');
module.expo
原创
2024-08-07 08:58:21
53阅读
本文将从打包分析，速度优化，体积优化三个方面进行阐述打包分析初级分析: webpack内置的stats(构建
原创
2021-08-04 11:26:30
415阅读
1、 webpack： optimization: { minimize: false, // 可以先测试为false，不压缩，打包之后看源码，是否有优化空间，正式生产环境需要压缩的设置为true1 usedExports: true, // 先设置为true，未使用的代码不应该打包，只有使用到的才 ...
转载
2021-07-29 20:57:00
135阅读
2评论
