本文将从打包分析，速度优化，体积优化三个方面进行阐述打包分析初级分析: 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评论
webpack 打包性能优化
开启多线程打包 thread-loader
转载
2020-12-30 15:05:00
668阅读
2评论
(webpack系列二)webpack打包优化探索虽然webpack的已经升级到了webpack4...
原创
2022-03-28 14:21:45
418阅读
文章目录1. 按需加载1.1 路由组件按需加载1.2 第三方组件和插件按需加载1.3 一些插件, 只在个别组件中用的上, 不需要在main.js中导入, 只需要在使用的页面导入即可2 优化loader配置3 优化文件路径-省下搜索文件的事件4 生产环境关闭sourceMap5 代码压缩6 提取公共代码7 CDN优化8 使用HappyPack多进程解析和处理文件 提示：以下是本篇文章正文内容，下面
转载
2023-08-18 19:28:39
101阅读
在做vue项目和react项目时，都用到了webpack。webpack帮助我们很好地提高了工作效率，但是一直以来没有对其原理进行探究，略有遗憾。 因为使用一个工具，能够深入了解其原理才能更好地使用。 这篇文章将大致分为三个部分进行解读： webpack打包简单介绍 输入webpack后发生了什么，
转载
2017-07-31 22:10:00
255阅读
工具：webpack-bundle-analyzer 查看项目所有包及体积大小1、路由懒加载component: () => import('@/views/index'),2、CDN引
原创
2021-12-27 18:10:11
804阅读
工具：webpack-bundle-analyzer 查看项目所有包及体积大小1、路由懒加载component: () => import('@/views/index'),2、CDN引入外部扩展国内CDN: https://www.bootcdn.cn/<script src="XXX/cdn/vue.min.js"></script>webpack配置 externalsmodule.exports = { externals: {
原创
2022-01-11 10:02:59
346阅读
谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的 Gulp， 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ；在 browser
转载
2018-02-21 20:50:00
281阅读
2评论
webpack概念：现代javaScript应用程序的静态模块打包器。当webpack处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包城一个或多个bundle。 1.入口：入口起点指示webpack应该使用哪个模块，来作为构建其内部依赖图的开始。单 ...
转载
2021-09-09 00:15:00
378阅读
2评论
开发环境： 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阅读
一. 概述 什么是webpack 模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 为什么使用webpack 现在是网络时代，在我们的生活中网络成为了必不
原创
2022-05-04 09:54:45
584阅读
0. 前言 早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章，当时也是我在做自己一个个人项目时遇到的配置问题，想到别人也可能遇到跟我同样的问题，就把配置的思路分享出来了，传送门在这里。 因为那份配置直到现在还有人在关注，同时最近公司帮助项目升级了 Webp
转载
2019-01-06 16:02:00
105阅读
2评论
默认情况下，webpack 会打包所有的 Moment.js 语言环境（在 Moment.js 2.18.1 中
原创
2022-09-10 00:32:28
1208阅读
webpack面试题总结 本文主要是对webpack面试会常被问到的问题做一些总结，且文章会不断持续更新1.webpack打包原理把所有依赖打包成一个 bundle.js 文件，通过代码分割成单元片段并按需加载。2.webpack的优势（1） webpack 是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移。（2）能被模块
转载
2023-10-07 22:37:42
132阅读
