facebook twitter hatena line email

「Php/laravel/laravel5/laravelmix」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(laravel5.4以上のプロジェクトを用意)
 
(同じ利用者による、間の9版が非表示)
行1: 行1:
==laravel mixとは==
+
[[php/laravel/laravel5/laravelmix/基本]]
laravel用のwebpackのAPIラッパーでlaravel Elixirの後継
+
  
==laravel5.4以上のプロジェクトを用意==
+
[[php/laravel/laravel5/laravelmix/vue]]
[[php/laravel/laravel5/インストール]] [ショートカット]
+
composer create-project laravel/laravel=5.4.* laravelmix --prefer-dist
+
 
+
==laravel mixインストール準備==
+
node,npmをインストール
+
 
+
[[javascript/nodejs/インストール/nvm]] [ショートカット]
+
 
+
[[javascript/nodejs/npmインストール]] [ショートカット]
+
 
+
node -v
+
npm -v
+
 
+
==laravel mixインストール==
+
npm install
+
+
laravel5.4には初期で入ってるはずだが、
+
$ npm list | grep laravel-mix
+
├─┬ laravel-mix@1.7.2
+
入っていなければインストール
+
$ npm install laravel-mix cross-env node-sass --save-dev
+
 
+
package.jsonが更新される
+
"devDependencies": {
+
+    "cross-env": "^5.1.3",
+
+    "laravel-mix": "^1.7.2",
+
+    "node-sass": "^4.7.2"
+
}
+
 
+
==参考==
+
https://www.webprofessional.jp/use-laravel-mix-non-larav
+

2018年1月18日 (木) 12:25時点における最新版

php/laravel/laravel5/laravelmix/基本

php/laravel/laravel5/laravelmix/vue