/webpack-guide

Webpack3.x最新版简易教程;有两个版本,分别是express版和koa版;从一无所知到脱坑,一边讲解,一边搭建一个完整可用脚手架

Primary LanguageJavaScript

Webpack简易教程

教程分为两版,分别是koa、express版本

如有疑问,可直接联系本人QQ(80232265)或加QQ群(145676463)~

Webpack简易教程,从一无所知到脱坑,一边讲解,一边搭建一个完整可用脚手架

  • 本地服务器基于koa/express框架搭建
  • 支持开发环境/生产环境
    • 生产环境:代码调试、热更新...
    • 开发环境:代码压缩、提取CSS文件、CSS3自动添加前缀...
  • 支持Babel、SASS、CSS3自动添加前缀、base64、字体图标、视频文件、音频文件、代码调试、提取公共代码等常用依赖配置
  • 第三方资源与业务代码分离

教程内容

1、初入webpack

2、entry、output配置

3、module配置

4、生成html文件

5、配置环境

6、搭建服务器

7、打开浏览器

8、提取css文件

9、Resolve详解

10、ProvidePlugin详解

11、打包公共代码

12、devtool详解

13、错误重启

14、Dll打包文件

15、删除文件