webpack回顾篇

基于webpack3

# 一、webpack简介

# 1.1 版本更迭

大版本变化

# 1.2 功能进化

Webpack V1

• 编译、打包
• HMR (模块热更新)
• 代码分割
• 文件处理

Webpack V2

• Tree Shaking
• ES module
• 动态 Import
• 新的文档

Webpack V3

• Scope Hoisting (作用域提升)
• Magic Comments （配合动态import使用）

版本迁移

V1 -> V2

迁移指南 https://doc.webpack-china.org/guides/migrating/

V2 -> V3

更新升级即可

# 二、webpack核心概念

# 2.1 Entry

• 代码的入口
• 打包的入口
• 单个或多个

写法建议使用键值对写法

module.exports = {
  entry: 'index.js'
}

module.exports = {
  entry: '[index.js','vendor.js']
}

module.exports = {
  entry: {
      index:'index.js'
  }
}

module.exports = {
  entry: {
      index:['index.js','app.js'],
      ve