yangtao2o/webpack-tool

记录学习 webpack 历程的一个小仓库

Webpack

记录 Webpack 的一个小仓库，webpack@3。

搭建基本的前端开发环境（webpack@4）

主要有：

• 构建发布需要的 HTML、CSS、JS 文件
• 使用 CSS 预处理器来编写样式
• 处理和压缩图片
• 使用 Babel 来支持 ES 新特性
• 本地提供静态服务以方便开发调试

具体步骤：

• 关联 Html，使用html-webpack-plugin
• 构建 CSS，使用mini-css-extract-plugin css-loader
• 处理图片文件，使用file-loader
• 使用 Babel，使用@babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/runtime babel-loader webpack
• 启动静态服务，使用webpack-dev-server

参考：使用 webpack 定制前端开发环境

学习资料

• webpack 指南
• Webpack 中文指南
• Webpack傻瓜式指南（一） - 入门学习 webpack 的基本知识
• Webpack傻瓜式指南 - 这是一本关于webpack这种构建工具的书
• React 的 Webpack 配置
• 带你深度解锁Webpack系列(基础篇)
• 带你深度解锁Webpack系列(进阶篇)
• 带你深度解锁Webpack系列(优化篇)