使用webpack手动搭建vue项目

一、新建文件夹，终端打开 npm init ，一路回车，或者 npm init -y 。
二、安装模块

// webpack :
	npm i webpack webpack-cli webpack-dev-server webpack-merge
// vue :
	npm i vue vue-loader vue-template-compiler vue-server-renderer
// js :
	npm i babel-loader @babel/core @babel/preset-env
// css : 
	npm i vue-style-loader css-loader
// other :
	npm i express html-webpack-plugin

三、在根目录新建public、 src文件夹 和 webpack.config.js文件，
在public新建index.html，设置挂载点<div id="app"></div>。
在src文件夹下新建App.vue中按模板敲点什么，和main.js中配置渲染挂载。
截图如下：

四、配置webpack.config.js文件如下：

const HtmlWebpackPlugin = require('html-webpack-plugin')