vue2+webpack+router项目构建（详细步骤）-- 基础搭建

vue2+webpack+router项目构建（详细步骤）– 基础搭建

---

最近用vue做新项目，又重新把这个搭建过程捋了一遍，在这儿简单的记录下。这一篇主要介绍的是vue2+webpack+vue-router的基本配置，包括生成dll文件缓存、按需加载等等。废话不多说了，直接进入正题。

基础篇

创建项目

1. 创建项目文件夹：如，vue2-webpack
2. 初始化项目，生成package.json文件：
   npm init

安装项目依赖（不指定版本的话，默认安装最新版）

1. 安装vue
   npm install --save vue
2. 安装打包工具webpack，webpack-dev-server(是一个小型的node.js Express服务器,它使用webpack-dev-middleware中间件来为通过webpack打包生成的资源文件提供Web服务)
   npm install --save-dev webpack webpack-dev-server
3. 安装babel(将es6的语法编译成浏览器认识的语法es5)
   npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-plugin-transform-runtime babel-preset-stage-0
4. 安装vue组件处理器vue-loader，vue-t