Trees__的博客

【webpack4】第五部分 webpack的详细配置文章目录【webpack4】第五部分 webpack的详细配置6. webpack的详细配置6.1 entry详细配置6.2 output详细配置6.3 module 详细配置6.4 resolve 详细配置6.5 devServer 详细配置6.6 optimization 详细配置总结6. webpack的详细配置6.1 entry详细配置 entry四种写法 1. string --> '.

【webpack4】第五部分 webpack优化配置文章目录【webpack4】第五部分 webpack优化配置5. webpack优化配置5.1 HMR5.2 source-map5.2.1 什么是source-map？5.2.2 种类5.2.3 开放环境和调试环境的需求5.3 oneOf5.4 缓存5.4.1 **babel缓存**：`cacheDiretory:true`5.4.2 **文件资源缓存：**(利用维护hash值的变化)5.5 tree shaking5.6 code split5.

【webpack】第四部分 生产环境基本配置文章目录【webpack】第四部分 生产环境基本配置4. 生产环境基本配置4.1 提取css为单独文件4.2 css兼容性问题4.3 压缩css4.4 js语法检查eslint4.5 eslint兼容性问题4.6 压缩js和html代码4.7 生产环境的基本配置总结4. 生产环境基本配置4.1 提取css为单独文件npm install --save-dev mini-css-extract-plugin 下载插件webpack.config

【webpack】第三部分 开发环境基本配置文章目录【webpack】第三部分 开发环境基本配置3. 开发环境基本配置3.1 准备工作3.2 小结3.3 打包样式资源3.4 打包HTML资源3.5 打包图片资源3.6 打包其他资源3.7 devServer3.8 开发环境基本配置总结3. 开发环境基本配置3.1 准备工作npm init 初始化npm i webpack webpack-cli -g 下载webpack 和webpack-cli （全局安装）npm i webpack w

【webpack】第二部分 版本的问题文章目录【webpack】第二部分 版本的问题2. 版本问题提前说一下总结2. 版本问题提前说一下在学习的过程中会遇到很多版本的问题，如出现报错可以去看我的bug专栏，里面会有我遇到bug的解决办法，大家下载安装的时候记得查一下版本，我将我当时下载安装的版本放在下面：具体的版本{ "name": "webpack_code", "version": "1.0.0", "description": "", "main": "index.js

【webpack】第一部分 什么是webpack文章目录【webpack】第一部分 什么是webpack1. 什么是webpack1.1 webpack介绍1.2 webpack五个核心概念1.2.1 Entry1.2.2 Output1.2.3 Loader1.2.4 Plugins1.2.5 Mode总结1. 什么是webpack1.1 webpack介绍webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack看来, 前端的所有资