I realized that my project at some point stopped showing svgs which I link from my scss files. I have lines like: background-image: url('./assets/icons/check-icon.svg'); Webpack, I suspect it's the css-loader as I commented all other css-loaders out, now creates hashed…
Some background: I am an experienced back-end developer starting up a new web front-end project. I am fluent in Typescript, and am currently setting up an Electron ReactJS application /w the Webpack plugin. I'm running into a brick wall right…
I'm trying to enforce restricted imports in my TypeScript project using ESLint, but I'm encountering issues with the configuration. I've set the baseUrl in my tsconfig.json to "src" and tried using modules in my ESLint configuration with path.resolve(__dirname, "app"), but…
I created a React project with two workspaces, 'webmail' and 'component'. I put a small tsx file in 'component', I want to use that in 'webmail'. This is the package.json of component: { "name": "@monorepo/component", "version": "0.1.0", "description": "Creating a…
I'm using rollup to bundle a ui library (to use it in several main apps). but in bundled esm file I have these imports, which are not acceptable to webpack in main apps: import { ArrowDropDownCircleOutlined } from '@mui/icons-material/index'; import…
I'm working on a Next.JS 13.5.6 app and am running into an error whenever I connect to the site in development mode. Production mode works if I build and start. The error I get when I connect to the site…
In my nextjs app, I want to add a button which user clicks on it and a pdf file downloads. I added the pdf file to public/documents/ and imported it and added it to link href. But after clicking it,…
I was wondering if there was a webpack package that would inject the styles in the style attributes of corresponding tags. Raw HTML: <p class="par"> <span class="blue"></span> </p> Raw CSS: .par { margin-top: 10px; } .par .blue { color: blue;…
According to Webpack documentation: It can be put in front of function calls to mark them as side-effect-free. Arguments passed to the function are not being marked by the annotation and may need to be marked individually. Can we write…
i have two files imported into the main.js. i want to import all the codes of the required objects or the entire module into the dist.js - mainly bundle all require modules mentioned in nodejs file into one single bundle.…