Category "webpack"

Force Webpack to use ES6 syntax in react-app bundle [duplicate]

My aim would be to have ES6 syntax (or latest one) in my entire react-app built. I've already managed to avoid polyfills in my own code by omi

laravel 8 instalation error - npm run dev throws error

I am trying to install a fresh laravel 8 project. After downloading frontend scaffolding when I try to run npm run dev it gives me an error. This problem also h

Loading CSS bootstrap-4 theme for sweet-alert2

I use SweetAlert2 for my project. I use VueJS and vue-cli-service with webpack. As I wanted to use the boostrap-4 theme, I followed the instructions : npm i npm

How do I resolve the "Module not found: Can't resolve [css file] in [directory]" when deploying next.js site to Netlify?

I am trying to deploy this site to netlify: https://github.com/Koda-Pig/joshkoter.com But I am getting this error: 10:02:31 AM: Module not found: Can't resolve

Invalid dependencies have been reported by plugins or loaders for this module. All reported dependencies need to be absolute paths

I upgraded React v16.14 app to run with Webpack v5 from v4. I'm seeing hundreds of warnings with .scss files like below even though the app seems to run fine. I

Storybook-tailwind. How should I add tailwind to storybook

I want to add tailwind to storybook. So that Stories will render just like it will render on web. I used create-react-app project-name --template typescript to

Cypress-webpack preprocesor, alias doesnt work

I use a vue-cli- without vue-cli-cypress (some problems with enviroments variables). Everywhere in the code, we use '@' to import some components and etc. So I

Are unreferenced default parameters automatically tree-shaken out by webpack?

Obligatory apologies if this has been asked before, but I've been unable to find an answer online or in the webpack docs related to tree shaking. How does tre

Build the complete Tailwind 3 app.css file using Laravel Mix in Docker container

I have set up Laravel in a Docker container and launched it using Laravel Sail. I'm using Laravel mix with tailwind version 3 to include my CSS. The issue is th

Nestjs application can not run after bundled with webpack

I have a nestjs app and i use webpack to bundled this entire project to a main.js file. My webpack configure file just flowed by this repo ,but when i run npm r

BrowserSync Webpack in Docker

I have 3 containers, one for the DB, one for the php/apache and the last one for webpack. My website is a Wordpress blog. I don't usually use Docker but I wante

How to add all page specific entries from dependency

I'm currently upgrading an existing app with legacy per-page frontend javascript and CSS to Symfony's Webpack Encore. The app and it's dependencies each supply

Facing BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default error

Hey Everyone i am facing error on my react app please help me. I am a beginner so i don't know much about react your help is appreciated Console image Total 32

ASP.NET Core CSS Isolation with Webpack

My ASP.NET Core RazorPages project uses Webpack. I also want to use CSS Isolation. Every RazorPage Foo.cshtml has an associated css file Foo.cshtml.css. These

Webpack-dev-server "Cannot GET /"

i'm trying to get my webpack-dev-server to run but i face always the error "Cannot Get /" at the browser. I know that there are serveral questions with the same

webpack AngularCompilerPlugin hostReplacementPaths in angular 13 doesn't work

After I've upgraded angular from v11 to v13 I found that I can't use hostReplacements from the AngularCompilerPlugin const angularCompilerPlugin = config.plugin

What does the mode parameter do in the webpack.config.js file?

I am working on a project using Webpack, and I happened to notice a parameter in the object called mode. According to the documentation, it has two possible val

SyntaxError: Unexpected reserved word => prettier/third-party.js

I'm pretty new to Node, npm and webpack. I'm trying to set up a Craft 3 environment with Tailwind css. Everything worked fine out of the box, but when i run npm

Electron Differential updater produces large amounts of changed blocks even when minimal changes were done. Am I doing something wrong?

I'm working on a project built on Electron. We've set up for differential updates through electron-builder (with nsis-web, and a separate differential updater b

Getting "Uncaught ReferenceError: i is not defined" error whenever I want to use an exported element from another file

I'm developing a chrome extension using webpack and babel. I have this popup.js: import 'regenerator-runtime/runtime' // This is required in every JS files that