温馨提示×

centos中laravel如何进行代码热更新

小樊
35
2025-12-05 14:09:56
栏目: 智能运维

在CentOS系统中,Laravel代码热更新可以通过使用Laravel Mix和BrowserSync来实现。以下是具体步骤:

  1. 安装Node.js和NPM

首先,确保你的CentOS系统已经安装了Node.js和NPM。如果没有,请按照以下命令安装:

sudo yum install -y nodejs npm
  1. 安装Laravel Mix

在你的Laravel项目根目录下,运行以下命令来全局安装Laravel Mix:

npm install laravel-mix --save-dev
  1. 安装BrowserSync

接下来,运行以下命令来全局安装BrowserSync:

npm install browser-sync browser-sync-webpack-plugin --save-dev
  1. 配置Laravel Mix

打开项目根目录下的webpack.mix.js文件,然后添加以下内容:

const mix = require('laravel-mix');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel applications. By default, we are compiling the CSS
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/js/app.js', 'public/js')
   .postCss('resources/css/app.css', 'public/css', [
        //
    ]);

mix.webpackConfig({
    plugins: [
        new BrowserSyncPlugin({
            host: 'localhost',
            port: 3000,
            proxy: 'your-app-domain.test' // 替换为你的应用域名
        })
    ]
});
  1. 运行热更新

现在,你可以运行以下命令来启动热更新:

npm run hot

这将启动BrowserSync服务器,并在你的默认浏览器中打开一个新的标签页。每当你修改项目中的文件时,浏览器将自动刷新以显示最新的更改。

注意:在生产环境中,请使用npm run prod命令来构建你的项目,以便生成优化后的文件。

0