在Vue.js中,當我們構建完應用之后,就會有一個dist文件夾生成,里面包含了我們的打包文件,也稱為生產(chǎn)版本。
生產(chǎn)版本的文件通常都是經(jīng)過壓縮混淆處理過的,因此我們無法直接看懂其中的代碼。不過,有時我們需要對打包后的文件進行一些測試,以確保應用的正常運行。
測試Vue.js的dist文件很簡單,我們可以使用任何一個HTTP服務器將dist目錄作為根目錄來啟動應用。例如,你可以使用Python來開啟一個簡單的HTTP服務器:
python -m SimpleHTTPServer 8000
這條命令會在8000端口啟動一個HTTP服務器,你只需將dist文件夾作為根目錄打開即可運行應用。如果你打開了Chrome瀏覽器的開發(fā)者工具,那么你就能看到網(wǎng)絡請求中的Vue文件:
<script type="text/javascript" src="vendor.9c1cb5.js"></script>
<script type="text/javascript" src="app.668bf3.js"></script>
如果你想要測試不同版本的Vue.js庫,就需要打開對應版本的dist文件夾,并啟動應用。例如,如果你要測試2.6.14版本的Vue.js庫,你可以從Github倉庫下載相應的版本,然后運行:
python -m SimpleHTTPServer 8000
注意:如果你在開發(fā)環(huán)境中使用了ES6語法,因為瀏覽器不支持ES6語法,在測試時也需要使用Babel進行轉換。