Ravavel V 8(帆走とBrowserSync)、VueローダーボイラーでVuejs V 3.

1817 ワード
vue laravel テキストリンク
ギタブディスト:https://github.com/StuartCreed/Vue3Laravel8BoilerPlate
設定するには、次の手順を実行します.
Install docker
composer install
npm install
./vendor/bin/sail up
npm run watch
余分な情報
Docker作曲家.私はlocalhostを使用して別のプログラム:8080(帆のためのデフォルト)を持っているので、アプリケーションがlocalhost:8081で実行するように、ポート';8081:80 ';を使用するように変更されました.
詳しくはをご覧ください.
他のポートの衝突があれば、このリンクはあなたを助けます.
ソース
これは、
https://github.com/boussadjra/laravel-vue-3-starter/blob/main/webpack.mix.js
概要を以下に示します:
npm i -D laravel-mix@next vue@next @vue/compiler-sfc vue-loader@next
パッケージの確認.JSONに含まれる
"scripts": {
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "production": "mix --production"
}
webpackミックス.JSには
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js').vue();
リソース/js/appの最小コンテンツ.js
import { createApp } from 'vue';
import App from './components/App.vue'
createApp(App).mount("#app")
ララベル帆
https://laravel.com/docs/8.x/sail
Dialog表示と消去プロセス分析