搭建vue+webpack+mock脚手架（一）

最新推荐文章于 2024-08-05 14:39:04 发布

小前端FE

最新推荐文章于 2024-08-05 14:39:04 发布

阅读量5.1k

点赞数 1

分类专栏： 2016总结文章标签：框架结构库

本文链接：https://blog.csdn.net/smallsfe/article/details/54917185

版权

本文介绍如何从零开始搭建基于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
|