2024年07月25日

前端开发，一份关于vue-cli3项目常用项配置

配置全局cdn，包含js、css

开启Gzip压缩，包含文件js、css

去掉注释、去掉console.log

压缩图片

本地代理

设置别名，vscode也能识别

配置环境变量开发模式、测试模式、生产模式

请求路由动态添加

2024年07月25日

分享9条 Webpack 优化策略（webpack的优化）

作者：前端森林

转发链接：https://mp.weixin.qq.com/s/4oUh2OxeMWDjnyMf-49qzQ

2024年07月25日

如何解决webpack打包文件过大的问题

vue-cli全家套相信很多人都用过，但可能很多人不太清楚webpack为解决打包文件过大做了哪些事情，今天我们就主要来聊聊这个。

首先配置全局变量

首先，通过指定环境，告诉webpack我们当前处于production环境中，要按照production的方式去打包。

2024年07月25日

1、JavaScriptObfuscator

https://github.com/lrusso/JavaScriptObfuscator
// 在线转换地址
https://lrusso.github.io/JavaScriptObfuscator/JavaScriptObfuscator.htm

2024年07月25日

关于webpack安装及安装出现的错误的解决办法

1. 先说下什么是WebPack？

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任，目前已经到了4.x版本。

2024年07月25日

webpack 优化之 DllPlugin（webpack5 dll）

作用：直接引用打包好的第三方包，不用每次再打包

假设项目中使用了 vue, vue-router, element-ui

首先需要创建 webpack.dll.conf.js：

2024年07月25日

写在前面

本周有位群友说我不应该为了面试而背题，我很认同他的说法，这里想表达下我建立这个专栏的初衷吧。

前端领域知识点繁杂分散，我认为再基础的点，不回顾也有可能忘记，所以我希望这个专栏可以像基地一样，我们常回来看看
大家也能发现，我这里主要是收集或修改网络上的回答，是因为我真的觉得这些回答很好，这也引出第二点：看看别人是怎么表述这个观点的。

2024年07月25日

随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具。然而大多数的使用者都只是单纯的会使用，而并不知道其深层的原理。希望通过以下的面试题总结可以帮助大家温故知新、查缺补漏，知其然而又知其所以然。

2024年07月25日

Webpack 从零入门到工程化实战（webpack项目）

Webpack是一种模块打包器，它可以将多个文件和模块打包成一个或多个bundle，以便在浏览器中运行。从零入门到工程化实战，你需要掌握以下内容：

四时宝库

程序员的知识宝库

前端开发，一份关于vue-cli3项目常用项配置

分享9条 Webpack 优化策略（webpack的优化）

如何解决webpack打包文件过大的问题

首先配置全局变量

Webpack优化构建速度（webpack性能优化手段）

jAVASCRIPT代码混淆插件的正确使用

1、JavaScriptObfuscator

关于webpack安装及安装出现的错误的解决办法

webpack 优化之 DllPlugin（webpack5 dll）

每周前端面试题专栏」- 滴水之功，开拓大厂之路(第五周)

写在前面

webpack的面试题总结（webpack面试题及答案）

Webpack 从零入门到工程化实战（webpack项目）