Laravel在Ubuntu上如何實現熱更新

在 Ubuntu 上，你可以使用 Laravel 的內置功能或第三方工具來實現熱更新。這里有兩種方法：

方法一：使用 Laravel Mix 的熱更新（推薦）

Laravel Mix 是一個基于 Webpack 的構建工具，它提供了一個簡單的方式來設置熱更新。要使用 Laravel Mix 的熱更新，請按照以下步驟操作：

1. 安裝 Node.js 和 NPM（如果尚未安裝）：

sudo apt update
sudo apt install nodejs npm

2. 在項目根目錄下創建一個名為 package.json 的文件（如果尚未創建）：

npm init -y

3. 安裝 Laravel Mix 和相關依賴項：

npm install laravel-mix cross-env --save-dev

4. 在項目根目錄下創建一個名為 webpack.mix.js 的文件，并添加以下內容：

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

5. 在 package.json 文件中的 scripts 部分添加以下命令：

"scripts": {
    "hot": "cross-env NODE_ENV=development mix watch"
}

6. 運行以下命令啟動熱更新：

npm run hot

現在，當你修改項目中的 JavaScript 或 CSS 文件時，瀏覽器將自動刷新以顯示更改。

方法二：使用 BrowserSync

BrowserSync 是一個可以實現熱更新的第三方工具。要使用 BrowserSync，請按照以下步驟操作：

1. 安裝 Node.js 和 NPM（如果尚未安裝）：

sudo apt update
sudo apt install nodejs npm

2. 在項目根目錄下創建一個名為 package.json 的文件（如果尚未創建）：

npm init -y

3. 安裝 BrowserSync：

npm install browser-sync browser-sync-webpack-plugin --save-dev

4. 在項目根目錄下創建一個名為 bs-config.js 的文件，并添加以下內容：

module.exports = {
    server: {
        baseDir: './public'
    },
    files: [
        'public/**/*.*'
    ],
    injectChanges: true,
    watchOptions: {
        ignored: '**/node_modules/**'
    }
};

5. 在 package.json 文件中的 scripts 部分添加以下命令：

"scripts": {
    "hot": "cross-env NODE_ENV=development browser-sync start --config bs-config.js"
}

6. 運行以下命令啟動熱更新：

npm run hot

現在，當你修改項目中的任何文件時，BrowserSync 將自動刷新瀏覽器以顯示更改。

這兩種方法都可以實現 Laravel 項目的熱更新。你可以根據自己的需求和喜好選擇其中之一。