webpack---webpack構建vue多頁面框架(一、工程佈局)
阿新 • • 發佈:2019-02-14
webpack+vue已經成為單頁面程式標配!其實webpack構建vue多頁面程式也是相當出色!
1. 工程佈局;
2. webpak.config.js;
3. 生產環境與開發環境;
4. 自動化構建;
5. 原始碼GitHub;
1.工程佈局
理想中的工程目錄如下:
-app
webpack.config.js //webpack入口配置
postcss.config.js //css3相容字首
package.json //依賴json
-dist //打包之後根目錄
-js //打包之後js存放
-css //打包之後css存放
-views //打包之後html存放
-img //打包之後 img存放
-src //原始碼,app開發過程所需一切resource
-APPcommon //公共部分
-components //常用元件
-font //字型部分
-style //重置樣式,mixin
-view //入口html
-modules //常用js模組
-lib //js庫
-APPpages //多頁面
-home //home頁面
-about //about頁面
-list //list頁面
.....