Laravel v8(Sail 및 BrowserSync 포함), VueJS v3에는 Vue Loader 템플릿이 있습니다.
설정하려면 다음과 같이 하십시오.
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
Reference
이 문제에 관하여(Laravel v8(Sail 및 BrowserSync 포함), VueJS v3에는 Vue Loader 템플릿이 있습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/stuartcreed/laravel-v8-with-sail-and-browsersync-vuejs-v3-with-vue-loader-boilerplate-5cd3텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)