- 博客(4)
- 收藏
- 关注
原创 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 987
原创 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 1966 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 290
原创 小白webpack教程!webpack.config,js 入坑
写在前面:&emsp相信刚刚开始学前端的朋友都听说过webpack,但是仅仅是听说,去找工作的时候面试官又经常问到,自己平时写练习做项目的时候也是直接使用框架中的脚手架。对于其中的内容还不是特别了解,这篇文章将通过一个小练习对webpack.config.js的内容进行一个简单的说明,让刚刚开始学习webpack的朋友有一个初步的了解。...
2021-07-10 18:32:02 564
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人