vue项目没有config文件下的index_前后端分离当下，后端同学总结的手动构建vue项目...

在前后端分离的当下，作为一个后端同学，有时工作有需要或者自己想做个小项目，难免需要接触到前端技术，作为一个多年后端开发的同学，给大家总结了下如何手动构建vue项目。之所以手动构建是因为对前端技术不熟悉的情况就直接使用vue的脚手架会让自己很难明白自己在干什么，本着学习的精神总结了如下的步骤。

首先安装node环境。这个就不说了，自行搜索很容易就知道了。

接下来是创建项目：

1.创建项目文件夹，如front-end

2.初始化npm项目(执行完成后会生成package.json)

$ cd front-end

$ npm init

3.安装所需要的开发时依赖包(--save-dev表示开发时依赖包，--save表示运行时依赖包；--global表示全局安装，这里不推荐全局安装，因为会将项目锁定定到某版本)

$ npm install --save-dev webpack webpack-cli

4.根目录新建文件夹config，用于存放不同环境的配置文件，添加合并文件的组件

$ npm install --save-dev webpack-merge

5.根目录新建src/index.js；config目录新建三个配置文件webpack.base.config.js(公共配置)、webpack.dev.config.js、webpack.pro.config.js

--其中webpack.base.config.js内容如下：

const Path = require('path');

module.exports={

entry: { <