プログラム開発の情報や、雑記を投稿しているサイトです。

AssetMixプラグインを利用した、Vue.jsの環境構築

CakePHPで、Vue.jsを利用には、webpackを導入する場合が多いと思います。
しかしながら、webpackは、細かい環境設定が可能ですが、環境構築が大変です。

この環境構築の手間を大幅に省いてくれる便利な「AssetMixプラグイン」を利用することで、環境構築がとても簡単にできます。

このプラグインは、インストールも簡単で、導入しやすいプラグインです。

詳細については、公式サイトを参照していただければと思います。

ishanvyas22/asset-mix

https://github.com/ishanvyas22/asset-mix

Via composer

プラグインのロード

Generate basic Javascript, CSS & Sass scaffolding

assets関連のコンパイル

npm install

npm run dev

npm run watch

npm run prod

ヘルパー修正

AssetMix
プラグインから
AppView.php
ファイルにヘルパーをロードします。

おススメ書籍

国本大悟 (著), 須藤秋良 (著), 株式会社フレアリンク (監修)


中山清喬 (著), 飯田理恵子 (著), 株式会社フレアリンク (監修)