webpack把vue文件编译成html,webpack配置打包vue文件

1、首先全局安裝node，和npm。檢查是否安裝成功

2、新建一個文件下，進入該文件夾。

前先執行　　npm init -y　　然后就會在文件夾下出現一個package.json文件

然后執行　　npm install webpack --save-dev　下載webpack

因為使用的webpack版本是4+的，所以還需要安裝webpack腳手架，執行　　npm install webpack-cli --save-dev

3、搭建項目目錄

我把webpack 的配置文件 拆分成了三個文件，分別是 webpack.common.js 公用文件，webpack.dev.js 搭建開發環境時配置，webpack.prod.js 搭建生產環境配置

4、 需要下載的依賴模塊 使用 npm install 模塊名 --save-dev下載需要的模塊 或者簡寫(npm i 模塊名 -D)

a.　clean-webpack-plugin

b.　html-webpac