搭建vue+webpack+mock脚手架(一)

本文介绍如何从零开始搭建基于Vue的多页应用,包括项目结构、初始化配置、Webpack打包和简易Mock Server。详细讲解了pre-webpack、webpack.config.js配置以及mock-server.js的使用。
摘要由CSDN通过智能技术生成

前言

仓库地址:https://github.com/miaomiaozhou/vue2-cli

本文适合第一次搭建项目的朋友,讲讲我是怎么从零开始摸索着搭建一个项目框架的,属于总结归纳性质的文章。

  • 基于vue的多页应用
  • 支持自定义mock数据
  • 支持热加载
  • js打包成多个

项目结构介绍

|-- bin
|   |-- mock-server.js
|   |-- pre-webpack.js
|   `-- template.js
|-- mock
|   |-- route1.js
|   `-- route2.js
|-- src
|   |-- assets
|   |-- page
|   |   |-- test1
|   |   |   `-- index.vue
|   |-- services
|   |   `-- request.js
|   |-- global.js
|   `-- index.html
|-- static
|-- tpl
|-- webpackConfig
|   |-- config.default.js
|
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值