- 博客(4)
- 收藏
- 关注
RSS订阅原创 webpack4性能优化小结——HMR、source-map、oneOf、babel缓存、 多进程打包、文件缓存、tree shaking、code split、dll、pwa、externals
webpack性能优化：开发环境性能优化1）优化打包构建速度 —— HMR2）优化代码调试—— source-map生产环境性能优化1）优化打包构建速度——oneOf、babel缓存、 多进程打包2）优化代码运行的性能——文件缓存、tree shaking、code split、dll、懒加载和预加载、pwa、externals开发环境配置–优化打包构建的速度使用HMR（hot module repalcement），热模块替换，作用是一个模块发生改变，只会重新打包这个模块，而不是全部更
2022-01-16 15:55:30
914
原创 webpack4配置js语法检查、兼容、压缩，airbnb、eslint-config-airbnb-base eslint eslint-plugin-import
接上一篇文章》》》》》》》》js语法检查 ：eslint-loader eslint一般只检查自己写的开发代码，不检查第三方库的代码。需要在package.json中配置esLintConfig中设置js风格指南库：airbnb。为了使用这个风格指南，得使用开发依赖eslint-config-airbnb-base eslint eslint-plugin-import。使用的webpackLoader：eslint-loader。npm i eslint-loader eslint esli
2021-12-05 22:29:23
1905
2
原创 小白webpack教程！提取css、兼容、压缩
接上一篇文章将所需要的文件打包，但是输出的css都是嵌在html文件的style标签中，而我们平常看到的项目都是能够将文件分类，接下来的内容便是将css提取成单独文件、做浏览器兼容以及压缩的操作。一、提取css成单独文件：1）需要插件：mini-css-extract-plugin安装引入const miniCssExtractPlugin= require("mini-css-extract-plugin"); mini-css-extract-plugin 2版本以上必须使用web
2021-07-27 23:22:30
277
原创 小白webpack教程！webpack.config,js 入坑
写在前面：&emsp相信刚刚开始学前端的朋友都听说过webpack，但是仅仅是听说，去找工作的时候面试官又经常问到，自己平时写练习做项目的时候也是直接使用框架中的脚手架。对于其中的内容还不是特别了解，这篇文章将通过一个小练习对webpack.config.js的内容进行一个简单的说明，让刚刚开始学习webpack的朋友有一个初步的了解。...
2021-07-10 18:32:02
524
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人