Laravel v8(Sail 및 BrowserSync 포함), VueJS v3에는 Vue Loader 템플릿이 있습니다.

1889 단어 vuelaravel
Github 영역: https://github.com/StuartCreed/Vue3Laravel8BoilerPlate
설정하려면 다음과 같이 하십시오.
Install docker
composer install
npm install
./vendor/bin/sail up
npm run watch
추가 정보 - 돛 구성
도크 작곡가.yml 파일은 포트 '8081: 80' 을 사용하도록 변경되었습니다. 이 프로그램은 localhost: 8081에서 실행할 수 있습니다. 왜냐하면 다른 프로그램은localhost: 8080 (Sail의 기본값) 을 사용하기 때문입니다.
자세한 내용은 을 참조하십시오.
다른 포트 충돌이 있으면 이 링크도 도와 줍니다.
출처
이것은 다음과 같은 내용을 개편한 것이다.
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"
}
웹 패키지.혼합하다.js 포함
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js').vue();
resources/js/app의 최저 내용입니다.js:
import { createApp } from 'vue';
import App from './components/App.vue'
createApp(App).mount("#app")
라빌세오:
https://laravel.com/docs/8.x/sail

좋은 웹페이지 즐겨찾기