備忘録

備忘録

Laravel

Laravel MixでWorkboxを利用してオフライン利用可能にする方法

Ⅰ. はじめに タイトルの通り「Laravel MixでWorkboxを利用してオフライン利用可能にする方法」です。 ※この記事では触れませんが manifest.json を追加で作成するとPWA化できます。 Ⅱ. やり方 1. パッケージをインストールする npm i -D workbox-sw npm i -D…

Laravel Mixでvue-routerを使う方法

Ⅰ. はじめに Ⅱ. やり方 1. vue-router をインストールする 2. ファイルを編集する 3. ビルドする 4. Webサーバを起動する 実行結果 参考 Ⅰ. はじめに タイトルの通り「Laravel Mixでvue-routerを使う方法」です。 Ⅱ. やり方 1. vue-router をインストールす…

Laravel MixのJavaScriptを難読化する方法

Ⅰ. はじめに タイトルの通り「Laravel MixのJavaScriptを難読化する方法」です。 javascript-obfuscator の webpackプラグインである webpack-obfuscator を利用した方法をこの記事で紹介します。 Ⅱ. やり方 1. webpack-obfuscator をインストールする npm i…

Laravel MixにESLintをインストールする方法

Ⅰ. はじめに タイトルの通り「Laravel MixにESLintをインストールする方法」です。この記事は、以下の記事の通り作成した環境にESLintを導入する事を想定して書かれています。 LaravelでVue.jsを使う方法 - 備忘録 Ⅱ. やり方 1. 必要なパッケージをインスト…

LaravelでVue.jsを使う方法

Ⅰ. はじめに タイトルの通り「LaravelでVue.jsを使う方法」です。 LaravelにデフォルトでインストールされているLaravel Mixを利用する事でVue.jsの利用が簡単に出来ます。 Ⅱ. やり方 1. Laravel をベースにしてプロジェクトを作成する composer create-proj…