基于webpack4.39.2手动搭建vue的开发环境

1、初始化一个空的文件夹

mkdir vueProject
cd vueProject
npm init

一路回车即可。

随后可以看到在vueProject文件夹下面多了一个package.json文件

打开这个文件，内容如下：

2、安装基本的npm包

首先要安装 vue 和 webpack。因为 webpack 4.x已经把 cli 单独拎出来了，所以还要安装 webpack-cli；因为 webpack 本身其实直接能处理的只有 js 资源，是通过各种 loader 让其他资源可以被 webpack 打包处理的。而在vue中要用 vue 写单文件组件，所以就还要安装 vue-loader。

npm install --save-dev vue vue-loader
npm install --save-dev webpack webpack-cli

3、在根目录下添加webpack.config.js文件

const path = require('path');
const VueLoaderPlugin = require('vue-loade