西也
WEBCV技师
获得徽章 11
赞了这篇文章
赞了这篇沸点
如何减少Webpack的打包体积？
"要减少 Webpack 的打包体积，可以采取以下几种方法：
1. 使用生产环境模式：在 Webpack 配置文件中设置 `mode` 为 `'production'`，这会启用 Webpack 的一些优化设置，如代码压缩和作用域提升，从而减少打包体积。
```javascript
module.exports = {
mode: 'production',
// 其他配置项...
};
```
2. 代码分割：将代码拆分为多个块，实现按需加载。这可以通过 Webpack 的内置功能来实现。
```javascript
module.exports = {
//...
optimization: {
splitChunks: {
chunks: 'all',
},
},
};
```
3. Tree Shaking：通过静态分析，只保留使用到的代码，去除未使用的代码。这可以通过使用 ES6 模块化语法以及在 Webpack 配置文件中启用 `optimization.usedExports` 来实现。
```javascript
module.exports = {
//...
optimization: {
usedExports: true,
},
};
```
4. 压缩代码：使用 Webpack 的插件来压缩代码，如 `terser-webpack-plugin`。
```javascript
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
//...
optimization: {
minimizer: [
new TerserPlugin(),
],
},
};
```
5. 排除不必要的依赖：检查项目的依赖项，确保只引入需要的包和库。可以使用 `webpack-bundle-analyzer` 来分析打包后的依赖关系，找出不必要的依赖。
6. 使用动态导入：使用 `import()` 函数实现动态导入，按需加载模块，减少初始包的体积。
```javascript
import('./m
"要减少 Webpack 的打包体积，可以采取以下几种方法：
1. 使用生产环境模式：在 Webpack 配置文件中设置 `mode` 为 `'production'`，这会启用 Webpack 的一些优化设置，如代码压缩和作用域提升，从而减少打包体积。
```javascript
module.exports = {
mode: 'production',
// 其他配置项...
};
```
2. 代码分割：将代码拆分为多个块，实现按需加载。这可以通过 Webpack 的内置功能来实现。
```javascript
module.exports = {
//...
optimization: {
splitChunks: {
chunks: 'all',
},
},
};
```
3. Tree Shaking：通过静态分析，只保留使用到的代码，去除未使用的代码。这可以通过使用 ES6 模块化语法以及在 Webpack 配置文件中启用 `optimization.usedExports` 来实现。
```javascript
module.exports = {
//...
optimization: {
usedExports: true,
},
};
```
4. 压缩代码：使用 Webpack 的插件来压缩代码，如 `terser-webpack-plugin`。
```javascript
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
//...
optimization: {
minimizer: [
new TerserPlugin(),
],
},
};
```
5. 排除不必要的依赖：检查项目的依赖项，确保只引入需要的包和库。可以使用 `webpack-bundle-analyzer` 来分析打包后的依赖关系，找出不必要的依赖。
6. 使用动态导入：使用 `import()` 函数实现动态导入，按需加载模块，减少初始包的体积。
```javascript
import('./m
展开
1
6
赞了这篇文章
赞了这篇文章
赞了这篇沸点
#打工人如何维护自己的权益#
维权路漫漫，做好持久战的准备，
10人以上申请集体仲裁，会有公益律师帮忙打官司；选出三个代表最好是本地的，做好短则几个月长则三五年的思想准备；
仲裁只管薪资不管社保公积金，建议劳动仲裁局和人社局都去；
【仲裁申请材料】
1、申请人的身份证原件及复印件
2、劳动仲裁申请书（到仲裁那边会给到单子再填）
3、被申请人的工商注册信息资料（那个营业执照就可以）
【劳动关系的证明材料/证据目录】
1、劳动合同（证明你和公司存在劳动关系）
2、工资流水（证明公司每月给你实际发放的薪资）
3、薪资单（证明公司每月承诺给你的薪资）
4、薪资确认单（证明公司承诺给你的薪资）
5、欠薪日期的考勤记录（证明公司欠薪时我们还在正常上下班）
6、公积金记录（证明公司给你正常缴纳公积金）
7、社保记录（证明公司给你正常缴纳过社保）
8、工牌（证明你是这家公司的员工）
6、7、8相对优先级不是很高，可以不用备，但是有条件的最好备着，原则上来说证据越多对我们越有利。
为什么我这么熟练啊，连续两家了![[泣不成声]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_40.348108b.png)
维权路漫漫，做好持久战的准备，
10人以上申请集体仲裁，会有公益律师帮忙打官司；选出三个代表最好是本地的，做好短则几个月长则三五年的思想准备；
仲裁只管薪资不管社保公积金，建议劳动仲裁局和人社局都去；
【仲裁申请材料】
1、申请人的身份证原件及复印件
2、劳动仲裁申请书（到仲裁那边会给到单子再填）
3、被申请人的工商注册信息资料（那个营业执照就可以）
【劳动关系的证明材料/证据目录】
1、劳动合同（证明你和公司存在劳动关系）
2、工资流水（证明公司每月给你实际发放的薪资）
3、薪资单（证明公司每月承诺给你的薪资）
4、薪资确认单（证明公司承诺给你的薪资）
5、欠薪日期的考勤记录（证明公司欠薪时我们还在正常上下班）
6、公积金记录（证明公司给你正常缴纳公积金）
7、社保记录（证明公司给你正常缴纳过社保）
8、工牌（证明你是这家公司的员工）
6、7、8相对优先级不是很高，可以不用备，但是有条件的最好备着，原则上来说证据越多对我们越有利。
为什么我这么熟练啊，连续两家了
![[泣不成声]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_40.348108b.png)
展开
3
6
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章