balmjs/laravel-balm

为 Laravel 定制的独立前端工作流

维护者

详细信息

github.com/balmjs/laravel-balm

主页

源代码

问题

安装: 10

依赖: 0

建议者: 0

安全: 0

星星: 0

关注者: 3

分支: 0

公开问题: 0

0.1.0 2020-08-27 08:44 UTC

Requires

MIT 30daf05b9c70516ec2611221f87b88c332ef5f0e

  • Elf-mousE <ifmouz.woop@gmail.com>

webworkflowappviewsfront-endbalmbalmjs

This package is auto-updated.

Last update: 2024-09-28 10:54:38 UTC

README

为 Laravel 定制的独立前端工作流

要求

  • Laravel >= 5.3.x (需要 PHP)
  • BalmJS >= 3.x (需要 Node.js)
npm install -g balm-core # required for balm 3.0

后端

1.1 安装

如果您已全局安装 composer，您可以运行

composer require balmjs/laravel-balm

然后运行以下命令以发布资源和配置

php artisan vendor:publish --provider="Balm\Runtime\BalmServiceProvider" --force

⚠️ --force: 覆盖 package.json 或手动编辑它

{
  "scripts": {
    "dev": "balm",
    "prod": "balm -p"
  },
  "devDependencies": {
    "balm": "^3.0.0-rc.2"
  }
}

1.2 配置

您应该在您的 视图 中使用 Laravel 的全局 balm 函数来加载相应的散列资源。该 balm 函数将自动确定当前散列文件的名称

<link rel="stylesheet" href="balm('css/app.css')" />

<script src="{{ balm('js/app.js') }}"></script>

前端

2.1 安装

在您的项目目录中运行命令

npm install

然后，您可以为您的前端项目安装令人惊叹的库。（例如，vue）

2.2 配置

编辑项目目录中的 balm.config.js，将其修改为您的虚拟主机

module.exports = {
  server: {
    proxy: 'your.project.local' // Target host
  }
  // More Config
};

2.3 使用

在您的项目目录中运行命令

# For development
npm run dev

# For production
npm run prod