1.我們直接在項目的根目錄下運行命令npm run build
等待運行完成,我們發現在根目錄下生成了一個 dist 的文件夾。直接將這個文件夾丟到服務器,就可以運行了。
2.但是有的時候,會有不一樣的需求,不一樣的環境。比如說線上正式環境,線上測試環境,這個時候,如果每次都要修改參數再構建就很麻煩。我們可以按照不同的環境,構建各個環境的項目文件。
3.我們打開根目錄下的package.json 文件。我們就會看 build 運行的是build文件夾下的build.js 文件。我們可以再新增兩個,一個是線上的正式環境,一個是線上的測試環境。
同時。復制 build.js ,新建 buildBeta.js、buildProd.js兩個文件
4.這里需要注意兩個地方
第一個是為了區分當前所在的環境。第二個是配置文件。我們如果需要修改生成的文件夾名稱,可以在相應的配置文件進行修改。
5.我這里修改的是生成的文件夾名稱為 prod
然后運行命令npm run buildProd,等待運行完成。
就可以看到根目錄下生成的 prod 文件夾。
6.同樣,我們修改beta, 運行命令npm run buildBeta,也可以看到生成的對應文件夾。將文件夾直接扔服務器,就可以運行啦。
