准備工作：webpack需要安裝很多東西，為了節省時間，可以將之前做好的復制到新文件夾中。除了node_modules，因為它包含的文件特別多，復制粘貼到另一個項目文件夾下時間比較長，我們可以在終端重新安裝。（終端命令：npm i)
由於我們是用vue寫代碼，所以我們需要安裝vue包並導入。
安裝vue包命令：npm i vue -S
安裝完成之后，在main.js中導入
注意：當我們使用這個方式導入vue的時候，我們使用的跟通過script標簽導入vue.js包時的模式不同。這個模式是Vue專門為webpack提供的一種叫做runtime-only的模式。
為什么通過import導入vue，就成了runtime-only模式？
因為我們通過import導入的vue是一個叫做vue.runtime.common.js
vue.runtime.common.js是精簡版的vue
import導入包的步驟：
1.在node_modules下，找到包名對應的路徑
2.找這個模塊的package.json文件
3.找package.json的‘main’配置節
4.去dist目錄下，找到main對應的那個文件，然后導入進來
如果想要導入vue包，有兩種方法：
一是找到vue包
二是在resolve中配置加載包時的加載的是哪個文件
表示如果import進來的包是以.vue結尾的，那么就去加載冒號后面的這個字符串所指向的那個文件