Skip to content

Instantly share code, notes, and snippets.

@lemos1235
Last active July 31, 2017 02:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lemos1235/c05947715b1be086cbe20e8c638146a9 to your computer and use it in GitHub Desktop.
Save lemos1235/c05947715b1be086cbe20e8c638146a9 to your computer and use it in GitHub Desktop.
webpack 构建多页面应用

引用: Coffcer/Blog#1

项目地址: https://github.com/lemos1235/vLine-demo

项目目录结构

├─dist
│  ├─auth
│  │  └─login.html
│  │  └─register.html
│  └─static
│      ├─css
│      ├─fonts
│      ├─img
│      └─js
├─node_modules
│
├─src
│   ├─assets
│   ├─pages
│   │  └─auth
│   │      ├─login
│   │      │  └─app.js
│   │      │  └─App.vue
│   │      └─register
│   │         └─app.js
│   │         └─App.vue      
│   └─utils
│      └─index.js
│
│  dev-server.js
│  LICENSE
│  package.json
│  README.md
│  template.html
│  utils.js
│  webpack.config.js

注意: app.js是每个页面的入口文件,不能修改文件名。pages是入口文件的根目录,不能修改名称。template.html 是所有文件的模板,也
不要修改其名称。
新建:每当需要建立新的页面,就在 pages下建立新的目录,需要几层目录就建几层。
如果不需要多重目录,就建立一个页面目录。比如我需要创建一个 index.html 页面。那么就在 pages 下建立一个 index 目录,然后在其
下创建一个入口文件 app.js。然后在此目录下创建其他的 vue组件。
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment