In my project i found that i had styles duplications injected into my page, so to solve this problem i have move to @use instead of using @import. After this move i have found that it gave me duplications too even if into the documentation it says that you can use @use without getting duplications. I have found that the
Tag: webpack
Multiple stylesheet does not working with Webpack 5.11.0
Swiper bundler CSS has a base64 font-face, When I was trying to load it into my index.ts (main entry) file it gives me the following error. I was tried a lot of loaders (url-loader, base64-font-loader, etc) for this but none of these were worked for me. How can I fix this problem? Which loader should I use to fix this
Bootstrap tooltip is not a function, Popper not working
I’m trying to use separate modules of bootstrap in my website instead of include the whole minified file. But I’m freaking out, why is that so complicated? Or I’m complicating this? custom bootstrap.js in /js With that, my code compile with success but on chrome console this error appear If I include this on my webpack.config.js: The tooltip error is
Webpack Configuration Error – where is the bug?
I try to run “node index.js” and get the following error message: ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. configuration.module.rules[0] should be one of these: [“…” | object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, issuerLayer?, layer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve?, resource?, resourceFragment?,
With eslint-webpack-plugin@2.4.1, how do you use eslint’s cache?
After switching from eslint-loader, our initial watch builds have slowed down substantially due to the lack of caching. Is there a way to use eslint’s cache? Answer ESLint’s node api has cache and cacheLocation keys in it, and setting those like enables caching like eslint-webpack-loader’s old caching behavior.
React Firebase app auth service does not work in production
I have set up a React authorization through the Google account on my web app, that does not really work in production, however, works on the localhost. Here is the message from the dev mode (that perhaps may impact): The issue is that the google sign-in modal instantly disappears from the screen! What may be an error and the solution
Webpack 5 and ESM
I think I’ve read every thread on SO and every related page on the internet on this, everything has some variation of a problem I want: To use webpack to bundle my web app up To use ES Modules within my source js and have them transpiled down for wider browser support To use ES Modules within my webpack configuration
Vuejs 3 webpack : Problem with vue-template-compiler
I am trying to integrate vuejs 3 to an existing project which uses webpack. I read about vue-loader, so I am trying to use it. In the official documentation I have this: Every time a new version of vue is released, a corresponding version of vue-template-compiler is released together. The compiler’s version must be in sync with the base vue
Webpack – Typescript – Babel Loader not transpiling JSON import
Setting up a new webpack build for my local setup to use across the system. Aka building my webpack setup as a private node package as all my work is literally the same so building it as a global package. Similar to the concept of laravel mix. Anyway, I’ve gotten the webpack setup transpiling the Typescript correctly, that all looks
Using webpack on a common Symfony Bundle
I have a “common” bundle that is used on several Symfony projects. This bundle contains the assets we use on our different projects (js and css). Until now this bundle was mainly adding assets with macros that allowed to load the libraries cdn. We use macros to load only the scripts we want for each page. We manage the dependencies