前言:我们在开发vue过程中使用vue-cli脚手架工具能够十分快速的构建项目, 但是vue官方却十分不推荐初学者直接使用脚手架,为了更好理解vue-cli工作原理,故我们使用webpack构建一个vue demo,能够编写基本的vue代码 一.目录结构 目录结构如下: 初始化为npm项目后,创建图示文件,文件夹 mkdir webpack-vue npm init -y 二.项目依赖 首先安装webpack开发依赖 npm i webpack webpack-cli webpack-dev-server -D 安装babel相关依赖,编译es6代码 npm i babel-core b