webpack ---- 入门到入土
webpack----前端工程化与webpack的基本使用
- 前端工程化
- webpack的基本使用
2.1什么是webpack
2.2通过项目体验webpack
2.3webpack.config.js的作用
2.4webpack的默认约定
2.5自定义打包的入口和出口
webpack----webpack中的插件
3. webpack中的插件
3.1webpack插件的作用
3.2webpac-dev-server
3.3html-webpack-plugin
3.4devServer节点
webpack ---- webpack 中的 loader
webpack ---- webpack 中的 loader
4. webpack中的loader
4.1loader概述
4.2loader的调用过程
4.3打包处理css文件
4.4打包处理less文件
4.5打包处理样式表中与url路径相关的文件
4.6打包处理js文件中的高级语法
webpack ---- 打包发布
5. 打包发布
5.1为什么要打包发布
5.2配置webpack的打包发布
5.3把JavaScript文件统一生成到js目录中
5.4把图片文件统一生成到image目录中
5.5自动清理dist目录下的旧文件
webpack ---- Source Map
6. Source Map
6.1 什么是Source Map
6.2 默认Source Map的问题
6.3 解决默认Source Map的问题
6.4 webpack生产环境下的Source Map
6.5 Source Map的最佳实践
webpack ---- 配置完成后的package.json与webpack.config.js
webpack ---- 使用@代替./ …/
webpack ---- 配置完成后的package.json与webpack.config.js & 使用@代替./ …/
7. 配置完成后的package.json与webpack.config.js
8. 使用@代替./ …/
8.1 配置
