通过 webpack 来驱动 Web 开发

模块划分

• CSS

  1. vendor.css 第三方样式
  2. app.css 项目公共样式
  3. index.css 页面样式

• JS

  1. manifest.js webpackruntime
  2. vendor.js 第三方逻辑
  3. app.js 项目公共逻辑
  4. index.js 页面逻辑

在 HTML 中引用资源

<img src="<%= require('./index/res/modules.png') %>">

测试

• Tab1
• Tab2
• Tab3
• Tab4

webpack 核心思想是一切都是模块, 所有模块通过 JS 来管理

Tab2 tab-content

Tab3 tab-content

Tab4 tab-content