记录 Webpack 的一个小仓库,webpack@3。
主要有:
- 构建发布需要的 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这种构建工具的书
- React 的 Webpack 配置
- 带你深度解锁Webpack系列(基础篇)
- 带你深度解锁Webpack系列(进阶篇)
- 带你深度解锁Webpack系列(优化篇)