webpack 多页面骨架

config目录下都是webpack相关配置 包含开发环境配置、打包配置、jsLint配置

Build Setup

# install dependencies
$ npm install # Or yarn install*[see note below]

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

更新(18/2/7)

• 添加文件夹别名，方便引入
  • @ 代表项目根目录
  • app 代表 app目录
  • libs 代表app/libs目录
  • static 代表app/static目录
  • templates 代表app/templates目录
• 添加eslint方便代码统一
• 添加单元测试模块，方便开发测试

更新(18/1/20)

• 添加output模块化
• 支持一个模块多个模板文件（即html文件夹支持放多个文件了，一样可以自动加载）

更新(18/1/17)

• 去除原先手动添加第三方库入口，改为自动注入

更新(18/1/11)

• 去除原先的手动添加模块的配置
• 添加自动注入模块
• 调整目录结构
  • static 调整为公共静态资源
  • libs 调整为第三方插件静态资源

---

完整的目录结构如下：

├─app
│  ├─libs
│  │      common.js
│  │      test.css
│  │      
│  ├─static
│  │  ├─css
│  │  ├─img
│  │  │      1.jpg
│  │  │      
│  │  └─js
│  │      └─test
│  │              index.js
│  │              
│  └─templates
│      ├─test
│      │  │  index.js
│      │  │  
│      │  ├─css
│      │  │      index.css
│      │  │      
│      │  └─html
│      │          index.pug
│      │          
│      └─test0
│          │  index.js
│          │  
│          ├─css
│          │      index.css
│          │      
│          └─html
│                  index.pug
│                  
├─config
│      config.js
│      webpack.config.base.js
│      webpack.config.dev.js
│      webpack.config.lint.js
│      webpack.config.prod.js
│      
├─  .babelrc
├─  .eslintrc.js
├─  .gitignore
├─  .travis.yml
├─  package-lock.json
├─  package.json
├─  postcss.config.js
├─  README.md
├─  webpack.config.js
├─  yarn.lock

打包后的目录结构如下：

├─app
│  ├─libs
│  │      common.js
│  │      test.css
│  │      
│  ├─static
│  │  ├─css
│  │  ├─img
│  │  │      1.jpg
│  │  │      
│  │  └─js
│  │      └─test
│  │              index.js
│  │              
│  └─templates
│      ├─test
│      │  │  index.js
│      │  │  
│      │  ├─css
│      │  │      index.css
│      │  │      
│      │  └─html
│      │          index.pug
│      │          
│      └─test0
│          │  index.js
│          │  
│          ├─css
│          │      index.css
│          │      
│          └─html
│                  index.pug
│                  
├─config
│      config.js
│      webpack.config.base.js
│      webpack.config.dev.js
│      webpack.config.lint.js
│      webpack.config.prod.js
│      
├─dist
│  │  commons.bundle.js
│  │  test.html
│  │  test0.html
│  │  vendor.bundle.js
│  │  
│  └─static
│      ├─css
│      │      04e50154927e0a6be02a227c0d77b994.css
│      │      08d7b51b4ab4894412d8e4d36eb9632c.css
│      │      c38343268b141a3cde95bccc552e4376.css
│      │      
│      └─js
│          └─templates
│                  test.bundle.dd711e4715e98405c3fb.js
│                  test0.bundle.dd711e4715e98405c3fb.js
│                  
├─.babelrc
├─.eslintrc.js
├─.gitignore
├─.travis.yml
├─list.txt
├─package-lock.json
├─package.json
├─postcss.config.js
├─README.md
├─webpack.config.js
├─yarn.lock
│