vue mpa 설정 질문좀 드립니다...

Question

vscode로 vue 프로젝트 생성해서 mpa설정을 하려고 하는데요..vue.config.js 파일이 생성이 안되어 있어서 프로젝트 root에다 생성을 하고 'use strict' module.exports &#61; { runtimeCompiler: true, pages:{ page1:{ entry: 'src/pages/page1/main.js', template: 'public/page1.html', filename: 'page1out.html', title: 'Index Page' }, // page2:{ // entry: 'src/pages/page2/main.js', // template: 'public/page2.html', // filename: 'page2.out.html' // } }} 내용은 이렇게 추가를 했습니다. 그리고 나서 빌드를 하거나 run을 하게 되면 vue.config.js에 있는 설정이 적용이 안되는거 같은데 어떻게 하면 mpa 설정을 할수 있을지 문의좀 드립니다. vue 버전은 2.6.14 이고 vue-cli 버전은 &#64;vue/cli 4.5.15 입니다.

howoni123 · Answer

&#64;vue/cli 4.5.8 버전에서 위와 같이 했을때 정상적으로 mpa 기능 되는데.. 혹시 build 이후에 URL/dist/page1.html 와 같이 했을때 정상적으로 보이지 않는건가요.어떻게 봐서 정상적으로 보이지 않다고 판단한 이유가 있어야 답변이 수월할거 같아요.

기즈모 · Answer

build를 하게 되면 결과가 Asset Size Chunks Chunk Names static/js/vendor.80ee1e7badeb4e545dab.js 1.13 MB 0 [emitted] [big] vendor static/js/app.5f7e904e8759d4e69b5b.js 25.7 kB 1 [emitted] app static/js/manifest.320b3692f8404593f921.js 860 bytes 2 [emitted] manifest static/css/app.2744c89a1e20154844db52be9b2d3f6e.css 277 kB 1 [emitted] [big] app static/css/app.2744c89a1e20154844db52be9b2d3f6e.css.map 393 kB [emitted] static/js/vendor.80ee1e7badeb4e545dab.js.map 3.42 MB 0 [emitted] vendor static/js/app.5f7e904e8759d4e69b5b.js.map 50 kB 1 [emitted] app static/js/manifest.320b3692f8404593f921.js.map 4.97 kB 2 [emitted] manifest ../../templates/vue/index.html 557 bytes [emitted] 이렇게 나오고 있는데요...만약에 mpa가 적용이 되었다고 하면, vue.config.js에 설정한 내용도 같이 나와야 되는거 아닌가 해서요.그리고 저렇게 빌드를 해서 페이지를 호출해 보면 /vue/index.html 여기에 있는 내용뿐이 안나오고 있어서 vue.config.js설정이 적용이 안된거 같다고 보고 있습니다...

howoni123 · Answer

vue init 으로 만든 프로젝트와 vue create 로 만든 프로젝트 차이인거같아요.vue create 로 만들때 의존성으로 로드되는 플러그인에서 pages 기능을 제공하는거 같아요https://github.com/vuejs/vue-cli/blob/e40f06212b5dc5da8a61dcf25e588a3e68394bd5/docs/config/index.md

vue mpa 설정 질문좀 드립니다...

3개의 답변

Q&A 목록