Web 項目結構 - 我可以在 HTML 文件中嵌套服務器文件嗎？

Question

我對 web 開發還很陌生，但是我參加了一些動手入門課程，其中網站的基本結構是你有一個 HTML 文件（或幾個 ejs 模板文件），一個 Z2C56C360580420D29372 文件然后你有稱為“服務器”文件的東西是 JavaScript 文件，通常稱為app.js

我知道，如果我願意，我可以將我所有的 CSS 包含在<style>標記中的 HTML 文件中。 我的問題是，我是否需要這樣做，是否可以將服務器代碼包含在單個 HTML 文件中的<script>標記中？

爭論我是否應該努力嘗試這樣做，但如果它通常是有問題的（注意：我不關心“最佳實踐”）出於某種原因，例如它阻止你使用某些包/像 EJS 或 Node.js 這樣的模塊，那么我可能會得出結論，嘗試沒有意義。 作為一名新手 web 開發人員，我擔心我不知道我可能會遇到的某些限制（除了缺乏模塊支持）。

Answer 1

我可以將服務器代碼包含在單個 HTML 文件中的<script>標記中嗎？

不。

Web 瀏覽器在網頁中執行腳本，不為 JavaScript 程序提供運行服務器所需的 API。

If you want to write a web server in JavaScript then you'll need to run it using a tool like Node.js and not a web browser.

Answer 2

不，您不能將服務器端代碼放在 HTML 或發送到客戶端的 JS 文件中。 服務器端代碼是在您托管的服務器上運行的代碼，而客戶端代碼是在訪問您網頁的人的計算機上運行的代碼。

您可以將客戶端代碼放在HTML <script>標簽中。 ，您還可以在單獨的 JS 文件中包含客戶端代碼。 但缺點是巨大的，例如：

1. 代碼熒光筆將無法突出顯示您的代碼並輕松指出語法錯誤等內容。
2. 您將無法使用像 Babel 和 TypeScript 這樣的工具，它們輸入和 output JS 文件。
3. 如果沒有像 Webpack 之類的捆綁器，則不能使用 NPM 模塊，它本身就是 output JS 文件。

總的來說，使用<script>標記並不是一個很好的理由。 為您的 JS 創建另一個文件需要額外的 2 秒，而且它更有條理、更模塊化並且更易於與外部工具一起使用。