![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
介绍webpack
只爭朝夕不負韶華
本博客主要用于分享学习笔记和学习/工作中遇到的一些问题,不加任何社交平台好友。博主目前负责前端开发,但仍在努力学习更多技术和知识。愿世上永无BUG。
展开
-
④webpack 配置详解
webpackentryoutputmoduleresolvedev serveroptimizationwebpack5的使用 本人是个新手,写下博客用于自我复习、自我总结。 如有错误之处,请各位大佬指出。 学习资料来源于:尚硅谷 entry entry的用法,目前已经都遇到过了,一共三种。 entry: './src/js/index.js' 单入口 它会打包形成一个chunk。 输出一...原创 2020-04-24 11:25:53 · 327 阅读 · 0 评论 -
③webpack 优化环境配置
webpack优化环境配置 ※优化配置介绍HMRsource-maponeOf缓存 本人是个新手,写下博客用于自我复习、自我总结。 如有错误之处,请各位大佬指出。 学习资料来源于:尚硅谷 优化环境配置 ※ 优化配置介绍 webpack性能优化分为: 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度:HMR 优化代码调试:source-map 生产环境性能优化 ...原创 2020-04-23 15:09:53 · 272 阅读 · 1 评论 -
②webpack 生产环境配置
webpack生产环境配置提取css成单独文件css兼容性处理压缩css 本人是个新手,写下博客用于自我复习、自我总结。 如有错误之处,请各位大佬指出。 学习资料来源于:尚硅谷 生产环境配置 开发环境配置能够让我们更方便,而生产环境配置能让代码优化,性能更好,让代码兼容浏览器,更平稳的运行。 提取css成单独文件 index.js import '../css/a.css'; import...原创 2020-04-22 20:20:38 · 209 阅读 · 0 评论 -
①webpack 简介及开发环境配置
webpackwebpack简介webpack 五个核心概念EntryOutputLoaderPluginsMode初次使用webpackwebpack 开发环境配置 ※打包样式资源打包html资源打包图片资源打包其他资源devServer综合练习:开发环境配置 ※ 本人是个新手,写下博客用于自我复习、自我总结。 如有错误之处,请各位大佬指出。 学习资料来源于:尚硅谷 webpack简介 ...原创 2020-04-19 23:10:11 · 185 阅读 · 0 评论