現在のバージョン確認
$ php artisan --version Laravel Framework 9.16.0
9でも結構古いバージョンですね。。
ちなみにPHPは8.1以上が必要なので、古い場合はアップデートしておいてください。
composer.jsonの更新
最初にcomposer.jsonを更新します。
現在（2023/2/20）は下記構成なのでLaravelの他にも古くなっているところは合わせましょう。
composer.json
"require": {
"php": "^8.1",
"guzzlehttp/guzzle": "^7.2",
"laravel/framework": "^10.0",
"laravel/sanctum": "^3.2",
"laravel/tinker": "^2.8"
},
"require-dev": {
"fakerphp/faker": "^1.9.1",
"laravel/pint": "^1.0",
"laravel/sail": "^1.18",
"mockery/mockery": "^1.4.4",
"nunomaduro/collision": "^7.0",
"phpunit/phpunit": "^10.0",
"spatie/laravel-ignition": "^2.0"
},
// ...
"config": {
"optimize-autoloader": true,
"preferred-install": "dist",
"sort-packages": true,
"allow-plugins": {
"pestphp/pest-plugin": true,
"php-http/discovery": true
}
},
"minimum-stability": "stable",
"prefer-stable": true
下の方も変わってます。
minimum-stabilityがstableになっています。
friendsofphp/php-cs-fixerを使用していた場合は、laravel/pintというLaravel用のものが追加されたのでどちらかを残す形でいいかと思います。
ここまでできたらコンポーザーアップデートしてみましょう。
$ composer update
バージョン確認すると10になりました。
$ php artisan --version Laravel Framework 10.0.3
phpunit.xml
phpunit10にした場合はphpunit.xmlのprocessUncoveredFiles属性を削除します。
（coverageに付いていた属性です。）
phpunit.xml
<coverage> <include> <directory suffix=".php">./app</directory> </include> </coverage>
テストを実行して問題ないか確認します。
問題があった場合は下記を変更点を参考に修正しましょう。
Upgrade Guide
あとは全体的に型が付けられるようになりました。
不十分かもしれませんが、下記参考に編集してみてください。
Laravel10で追加された型宣言
webpackからViteに変更
Laravel9の古いバージョンだとLaravelMixというwebpackを使用したライブラリを使用しています。
こちらもLaravel10で使用されているViteに変更してみましょう。
Laravel10のpackage.jsonは下記になります。
package.json
{
"private": true,
"scripts": {
"dev": "vite",
"build": "vite build"
},
"devDependencies": {
"axios": "^1.1.2",
"laravel-vite-plugin": "^0.7.2",
"vite": "^4.0.0"
}
}
scriptsはmixを実行していた部分を削除して、viteが実行されるように変更します。
devDependenciesにはviteとlaravel-vite-pluginを追記します。
laravel-mixとかwebpackのライブラリを使用していた場合は削除しておきましょう。
package.jsonの修正が完了したらインストールします。
$ yarn install
webpack.mix.jsファイルを削除して、vite.config.jsを新しく作成します。
vite.config.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
],
});
Viteの設定に関しては下記の記事も参考にしてください。
bladeファイルのscc,jsの読み込み部分を下記のように変更します。
@vite(['resources/css/app.css', 'resources/js/app.js'])
デフォルトではviteのビルド先が/public/buildになるので、.gitignoreに追加しておきます。
.gitignore
/public/build
mix-manifest.json,/public/css,/public/jsの項目は必要ないので削除します。
Laravel Viteでフロントと管理画面のビルドを分ける方法
