vue 脚手架

阐明

 vue webpack 自定义脚手架 反对多过程打包 vue +webpack + vue-router + vux + less

源码地址

https://github.com/fzz14hao/vue-webpack-app    

应用我的项目

git clone https://github.com/fzz14hao/vue-webpack-app.git  

## 装置依赖

yarn install & npm install  

### 开发模式

yarn run dev & npm run dev  

打包

yarn run build & npm run build  

目录构造

│ ├── package.json  
├── postcss.config.js     // 主动填充 css 头  
├── public  
│   ├── favicon.ico  
│   └── index.html  
├── src  
│   ├── App.vue  
│   ├── api               //api 接口  
│   │   ├── README.md  
│   │   └── shop.js  
│   ├── assets            // 本地图片  
│   │   └── logo.png  
│   ├── components        // 模板  
│   │   ├── ProductList.vue  
│   │   └── ShoppingCart.vue  
│   ├── index.html         // 模板文件  
│   ├── index.js           // 入口文件  
│   ├── pages              // 页面  
│   │   ├── Index.vue  
│   │   └── User.vue  
│   ├── router             // 路由  
│   │   ├── README.md  
│   │   ├── index.js  
│   │   └── routes.js  
│   ├── store              //store  
│   │   ├── README.md  
│   │   ├── index.js  
│   │   └── modules        //store 分模块  
│   │       ├── cart.js    // 购物车  
│   │       └── products.js// 产品列表  
│   └── utils              // 工具函数  
│       └── README.md  
├── webpack                //webpack 配置  
│   ├── paths.js           // 目录  
│   ├── webpack.common.js  // 专用配置  
│   ├── webpack.dev.js     // 开发配置  
│   └── webpack.prod.js    // 生产配置  
└── yarn.lock  

### 更多配置
See Configuration Reference.