基础教程
文章平均质量分 85
写个毛代码
这个作者很懒,什么都没留下…
展开
-
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 · 926 阅读 · 0 评论 -
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 · 1908 阅读 · 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 阅读 · 0 评论 -
小白webpack教程!webpack.config,js 入坑
写在前面:&emsp相信刚刚开始学前端的朋友都听说过webpack,但是仅仅是听说,去找工作的时候面试官又经常问到,自己平时写练习做项目的时候也是直接使用框架中的脚手架。对于其中的内容还不是特别了解,这篇文章将通过一个小练习对webpack.config.js的内容进行一个简单的说明,让刚刚开始学习webpack的朋友有一个初步的了解。...原创 2021-07-10 18:32:02 · 532 阅读 · 0 评论