首先，對於那種通過html頁面就能運行的前端項目，在Linux服務器上也是如此運行，只不過是需要部署在nginx的html目錄下。而對於這種運用了新語法無法直接通過html頁面運行的項目，此時在Linux服務器上這個方法肯定也行不通。
在上篇博客裏講到，windows開發環境下，我們可以通過vscode的插件來輔助運行項目，但是這個方案也肯定不能在Linux上實施，那麼這個問題應該如何解決呢？
此時主角babeljs登場了。
右邊我給出一個學習文檔鏈接，大家可以自行閱讀學習。babeljs教程
這裏我只簡單的描述一下babeljs是幹啥的，babeljs的功能用一句話來概述：bablejs是一個js的轉譯器，它能夠把高級的js語法轉換成es5，也就是瀏覽器都能識別的語法規則。
知道了babeljs的作用，這不是正是我們所需要的嗎。
我以上篇的calculator爲示例運用babeljs進行語法轉譯。
打開教程，很快我們就能找到所需要的章節。
點擊進入指定教程。
教程部分很詳細，按照教程的步驟進行即可。這裏我以此教程在我的案例中實施所遇到的問題進行講解，因爲我猜我遇到的問題，你們也很有可能會遇到，所以我就在這裏指出明細。
第一步：打開vscode安裝教程所給出的依賴配置
在進行第一步安裝時可能遇到一個問題：安裝太慢甚至停止不動
解決方案：在開始安裝前使用下面那行代碼轉入淘寶鏡像
npm config set -g registry https://registry.npm.taobao.org
解決了這個問題後，很快需要準備的依賴已經安裝完成。
對比教程裏的圖片，我們會發現我們還少安裝了一個依賴–webpack-cli。
通過下面這行代碼將其補完整：
npm install --save-dev webpack-cli
第二步：創建webpack.config.js文件
這個文件直接在項目根目錄下創建，填入教程裏的代碼即可。
第三步：生成最終文件夾
執行如下代碼：
npm run pack
然後直接報錯
細看這個錯誤，我們發現原來在package.json這個文件中的scripts裏面還少了東西
分別是pack和publish，參看教程補充完整，然後再次運行上述代碼。
報錯Cannot find module ‘@babel/core’
解決方案：運行下面代碼
npm install @babel/core --save
解決了這個問題再次運行開始的那個代碼。
結果發現還是報錯了，這個問題其實是babel-loader的版本導致的，教程的版本是7，而我使用的版本是8，所以換成教程裏的版本。
注意：這裏更換後需要刪掉package-lock.json這個配置文件然後命令行輸入下面代碼重新生成package-lock.json文件。
npm install
上述都處理好之後再次運行開始的那段代碼，這次，終於成功了！
最後一步：publish
一鼓作氣，輸入下面最後一行代碼：
npm run publish
然後在HTML頁面綁定最終生成的那個js文件，然後改掉src中type的類型。
注意：如果不改掉type的類型直接運行的話，瀏覽器會顯示如下的錯誤。
到此，我們就成功的將一個es6的項目變成es5類型的項目，對於部署服務器端更加方便的是此時所以的js文件都匯聚到此一個文件裏，通俗點說就是js文件只需要這一個文件即可。