The latest articles on DEV Community by mjmnagy (@mjmnagy). https://dev.to/mjmnagy https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F459036%2Fd662dd89-4f60-4fad-96c6-8f00a49d0074.jpeg https://dev.to/mjmnagy en mjmnagy Thu, 27 Aug 2020 05:39:45 +0000 https://dev.to/mjmnagy/vue-how-to-build-bundle-for-nuxt-with-vue-cli-service-1oo7 https://dev.to/mjmnagy/vue-how-to-build-bundle-for-nuxt-with-vue-cli-service-1oo7 <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <div class="ltag__stackexchange--header"> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fstackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""> <a href="https://stackoverflow.com/questions/61409902/vue-how-to-build-bundle-for-nuxt-with-vue-cli-service" rel="noopener noreferrer"> Vue: How to build bundle for Nuxt with vue-cli-service? </a> </div> <div class="ltag__stackexchange--post-metadata"> <span>Apr 24 '20</span> <span>Comments: 7</span> <span>Answers: 2</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/61409902/vue-how-to-build-bundle-for-nuxt-with-vue-cli-service" rel="noopener noreferrer"> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fstackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 4 </div> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fstackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>A user tries to use <a href="https://github.com/avidofood/vue-responsive-video-background-player/issues/8" rel="nofollow noreferrer noopener">my package</a> for nuxt.js, but gets the error: <code>document is not defined</code>.</p> <p>I found the first issue. When I build the bundle with <code>"build-bundle": "vue-cli-service build --target lib --name index ./src/index.js"</code> <code>vue-style-loader</code> is being used. This, however, results in the error for using…</p> </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/61409902/vue-how-to-build-bundle-for-nuxt-with-vue-cli-service" class="ltag__stackexchange--btn" rel="noopener noreferrer">Open Full Question</a> </div> </div> <br> <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <div class="ltag__stackexchange--header"> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fstackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""> <a href="https://stackoverflow.com/questions/63588001/vue-extract-css-didnt-get-a-result-from-child-compiler" rel="noopener noreferrer"> Vue: Extract CSS - Didn't get a result from child compiler </a> </div> <div class="ltag__stackexchange--post-metadata"> <span>Aug 25 '20</span> <span>Comments: 1</span> <span>Answers: 1</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/63588001/vue-extract-css-didnt-get-a-result-from-child-compiler" rel="noopener noreferrer"> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fstackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 0 </div> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fstackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>I am trying to write a <code>vue</code> component library that will work in <code>nuxt</code> and <code>vue</code>.</p> <p>The issue i was originally having was <code>document is not defined</code> when using <code>Extract CSS</code>. from reading, i understand the <code>css-loader</code> webpack settings need to be adjusted to use a different module…</p> </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/63588001/vue-extract-css-didnt-get-a-result-from-child-compiler" class="ltag__stackexchange--btn" rel="noopener noreferrer">Open Full Question</a> </div> </div> vue webpack