123 questions
1
vote
0
answers
67
views
Decoding Windows' Clipboard Pinned Items' File
So I have a Windows 11 PC with my password being saved in the clipboard as a pinned item, I forgot to write it down and after enabling my Microsoft account to windows I miss clicked using pin and ...
1
vote
1
answer
105
views
Webpack 5 extract-text plugin child invoked though not used
I am updating my 10 year old Node website, to bring it in line with the latest software and (especially) address any possible security issues. This means implementing webpage 5, which (among much else)...
- 337
0
votes
1
answer
2k
views
Python PyPDF - getting additional spaces when reading text using ExtractText [duplicate]
I'm trying to extract text from a PDF file that has Address information, shown as below
CALIFORNIA EYE SPECIALISTS MED GRP INC
1900 W GARVEY AVE S # 335
WEST COVINA CA 91790
and I'm using below logic ...
0
votes
2
answers
2k
views
Use webpack bundled CSS only in scope of webcomponent
I'm using webpack and the extract-text-webpack-plugin to bundle a webcomponent (created using preact-custom-element) and its style.
I'm able to use the component successfully in a separate html file ...
- 2,295
1
vote
0
answers
184
views
Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin
Here, I am getting the following error:
when I am trying to run karma tests
ERROR in ./node_modules/@cwds/components/dist/Layouts/Layout.module.scss
Module build failed: Error: "extract-text-webpack-...
- 743
0
votes
1
answer
2k
views
How do you force Webpack to ignore errors in URL resolution in the build process?
My directory structure is as follows:
example/
├── css/
│ ├── styles.css
├── img/
│ ├── background.jpg
└── src/
├── scss/
│ ├── app.scss
└── app.js
When I specify an absolute ...
- 65
1
vote
0
answers
334
views
extract-text-webpack-plugin doesn't load css in dynamically loaded chunks
I'm working on a multi-entry web app & building with webpack 3, with using extract-text-webpack-plugin to separate entries' css in separate files.
Currently, I'm trying to load some modules ...
- 9,822
0
votes
1
answer
519
views
Webpack Extract Text Plugin: how to test for specific file and extract to separate output?
The normal way to use the Webpack Extract Text Plugin is as follows:
const ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
entry: {
// ...
},
output: {
// ...
- 10.8k
0
votes
4
answers
5k
views
Module parse failed unexpected token when using Webpack 4 with extract-text-plugin
I have read every possible configuration under the sun regarding Webpack 4 to bundle .scss files into .css files.
Nothing is working for me.
Here is my webpack configuration:
var path = require('...
- 1,119
11
votes
1
answer
9k
views
Output 2 (or more) .css files with mini-css-extract-plugin in webpack
When using webpack 2(or 3), I could write code like:
const coreStyles = new ExtractTextPlugin('./styles/core.bundle.css');
const componentStyles = new ExtractTextPlugin('./styles/components.bundle....
- 5,426
2
votes
0
answers
1k
views
workbox-webpack-plugin does not update the revision version of the CSS file, generated by the extractTextWebpackPlugin.extract(...) method
I'm using Angular (custom Webpack build procedure) together with the Workbox v.3.2.0 with workbox-webpack-plugin v.3.2.0 (InjectManifest plugin) for the precaching purposes and have difficulties with ...
4
votes
0
answers
734
views
Inject webpack separated css file into html head
In my current setup, webpack bundles css that has been imported in .js files into a separate style file and loads it after the .js bundle has finished loading. Because the .js bundle is loaded after ...
- 129
4
votes
1
answer
5k
views
Webpack run both .LESS and .SCSS compilation. Extract text plugin not working on one bundle file
I need to run both LESS and SCSS compilation in the same project output to separate CSS files.
The project was LESS based but now adding SCSS during a transition phase.
I don't want to update ...
- 4,604
1
vote
1
answer
926
views
Are entry points required for non JavaScript assets in web pack 4?
The only way I have successfully had webpack generate a non JavaScript file is to include an entry for the primary asset. The problem is, webpack is generating a .js file based on this asset as well, ...
- 439
0
votes
1
answer
1k
views
extract-text-plugin not working with Webpack 3
My webpack.config.js:
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: [
'./src/index.js',
'react-...
- 6,561
0
votes
0
answers
82
views
Webpack V4 loader issue
I am getting error while compiling my scss file using webpack.
I am currently using webpack v4. Webpack shows
Module parse failed: Unexpected token (1:4)
You may need an appropriate loader to handle ...
- 3,739
0
votes
1
answer
582
views
Module build failed: Error: "extract-text-webpack-plugin" when import .scss file
this issue occurred when I import .scss file in react component.
package.json
"scripts": {
"dev": "source ./.env && nodemon server.js"
},
"devDependencies": {
"babel-core": "^6.26.0",
"...
- 131
1
vote
0
answers
925
views
Next.js: Webpack ExtractTextPlugin not extracting scss in nodes_modules with next-sass
I have starting a new project with Next, and my main problem is the following:
My app composes external components that are transpiled and installed via npm. this components require sass files
I use ...
1
vote
0
answers
39
views
Styles file is empty after Webpack migration from v3 to 4 (ExtractTextPlugin not working)
I use Webpack for an Angular application. After migration to 4 version of the bundler file style.css (created by ExtractTextPlugin) is empty (i.e. has no any content excepting the only string /*# ...
- 2,253
1
vote
1
answer
2k
views
Webpack 4 Having Trouble with Less
I'm new to using webpack and I'm simply trying to get it to handle both the typescript and less files in a new empty .net core web project, and output the corresponding js and css files to a specified ...
- 8,856
0
votes
1
answer
241
views
CSS loader and Extract Text Plugin Use Case Webpack
I understand that CSS-loader just modularizes your CSS so that if you import style.css in your foo.js, whenever foo.js gets run, it has a reference to style.css such that your elements created in foo....
- 585
1
vote
0
answers
183
views
ExtractTextPlugin Sass Loader Error
I am "webpack": "^1.14.0", "css-loader": "^0.26.1" "sass-loader": "^4.1.1" .
I see the console error
addStyles.js:147 Uncaught Error: Couldn't find a style target. This probably means that the value ...
0
votes
1
answer
445
views
Style loader does not working if bundle is presented
If I'm using dev mode, style loader works fine. But when I build project and I have dist folder, I can't see style tag in head tag. What's interesting, I can't see style tag only if bundle.js file is ...
- 398
0
votes
1
answer
124
views
webpack ExtractTextPlugin unexpected '@'
So I have an angular app which uses webpack. I haven't changed anything since December where it worked fine. But upon pulling the repo on a new machine and making sure I've run npm install followed by ...
- 378
0
votes
1
answer
838
views
postcss-loader doesn't work with ExtractTextPlugin in webpack 3?
Configuration
webpack.config.js
test: /\.css$/,
exclude: /node_modules/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
{
loader: 'css-loader',
...
1
vote
0
answers
676
views
Wrong URL in CSS
I'm using the latest of everything.
I'm transpiling SASS to CSS and am referencing an image:
body{
background: url("../images/ugly-car.jpg");
}
The image gets changes according to my settings, but ...
- 1,309
0
votes
2
answers
4k
views
Parse Error in css-loader sass-loader
I am migrating from webpack 1 to 3. After going through so many errors and now I am stuck on this. Can someone please HELP!
I am getting these errors -
ERROR in ./src/main/main.scss
Module parse ...
- 121
1
vote
0
answers
420
views
webpack3 + css loader - setting absolute path aliases for relative font and image imports in css files
I want to alias the the relative font and image imports in my css and scss modules with absolute paths. The goal is store all of my font and image files in two central folders, without going through ...
- 95
1
vote
1
answer
2k
views
Why does ExtractTextPlugin.extract produce an "__webpack_require__(...) is not a function" error
I have what should be a fairly standard Webpack rule to suppose SASS files:
{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
...
- 5,378
1
vote
2
answers
4k
views
Webpack ExtractTextPlugin - avoid duplicate classes in output css
I'm building a react app and im using webpack 3 with css/sass loaders + the ExtractTextPlugin to compile my styles and generate main.css. All my scss variables, mixins and partials are compiling into ...
- 13
0
votes
1
answer
2k
views
Webpack 3 - Writing styles to a CSS file
I have read tons of tutorials and looked at more Github repos than I care to remember but I'm really struggling to setup Webpack 3 to do the following:
Compile SASS into CSS
Create a CSS file within a ...
- 1,472
0
votes
1
answer
27
views
Render CSS Classes w/ No Styles Using Webpack Extract Plugin
We use the Extract Text plugin with Webpack 3 and it works great but we recently hired a QA automation engineer who works in Selenium.
We are discussing ways to make selecting elements with Selenium ...
- 79
1
vote
0
answers
167
views
Webpack multiple CSS outputs with ExtractText
I have a repo with multiple react components that need to work totally separated from each other, so every component has it's own output dir with the respective CSS, JS and HTML. To achieve this I ...
- 21
0
votes
1
answer
2k
views
Can't set includePaths when using ExtractTextPlugin and sass-loader
I'm using the newest version of webpack and extract-text-webpack-plugin. I am trying to following the instructions to Export Sass or LESS. I've been reading questions and answers around this all day ...
- 8,206
0
votes
1
answer
430
views
ExtractTextPlugin: How do I avoid having CSS Keyframes renamed?
If two animations are defined in one file, this file is then included in another two files, animations get the same single letter name a which breaks one of them with lower priority (because the ...
- 1,043
11
votes
1
answer
2k
views
How to extract critical (above the fold) CSS from each entry?
I have a simple multi-page app with three pages, my webpack.config.js entry looks like:
{
entry: {
a: 'pages/a.js',
b: 'pages/b.js',
c: 'pages/c.js',
}
}
Each page consists of several ...
- 17.7k
5
votes
3
answers
6k
views
classnames not appearing React
Not Sure where am i going wrong.This is my webpack.prod for bundling client-side. but some how classNames are not appearing in my html
const path = require('path');
const webpack = require('webpack');...
- 173
0
votes
1
answer
59
views
Webpack Won't Bundle CSS with ExtractTextPlugin
I know someone is going to mark this as a duplicate, but nothing on the entire web seems to be what I need.
This is almost a direct copy/paste of the example found here. This is after meticulously ...
- 10.1k
2
votes
1
answer
2k
views
CSS not extracted for common chunk with extract-text-webpack-plugin
Not sure if this is a bug or just my setup, I am using the CommonsChunkPlugin to get a separate common.js for three entry points in my project, and using the extract-text-webpack-plugin to get the css ...
- 125
2
votes
0
answers
311
views
Child extract-text-webpack-plugin in console logging too many times
I have an issue with this (the title) spamming my console. I got called onto a project that I did not write and this was one of the issues one of the devs wanted fixed.
webpackConfig.plugins.push(
...
- 55
0
votes
1
answer
873
views
Webpack bootstrap ExtractTextPlugin SCSS - Module Parse Failed Unexpected character '@'
I'm attempting to output a css file from bootstrap 4.0.0 beta scss using webpack. I've successfully handled scss with an inline style injection as per: https://getbootstrap.com/docs/4.0/getting-...
- 1,429
0
votes
2
answers
3k
views
Enable Hot Reloading With Webpack and PostCSS
I am looking to hot reload my window when I save a stylesheet in my text editor. Currently, I have to manually reload the page to see any changes. Below is the snippet in my Webpack configuration file ...
- 17
0
votes
1
answer
658
views
ExtractTextPlugin doesn't work with Angular AOT build
So I am trying to create a Angular (4.4.4) Webpack (3.6.0) starter with AOT build and I am running into an issue with extracting the css into a seperate bundle (using extract-text-webpack-plugin 3.0.1)...
- 4,262
0
votes
3
answers
990
views
Extract text Webpack plugin compile error
I'm using "webpack": "^3.1.0" and "extract-text-webpack-plugin": "^1.0.1"
Trying to compile sass and I get the following error: Error: "extract-text-webpack-plugin" loader is used without the ...
- 3,228
0
votes
0
answers
69
views
Webpack extract text plugin - choosing position of stylesheet tag
I'm having some trouble placing stylesheet tags in the correct place with extract-text-webpack-plugin and Webpack 3.
My project uses third-party stylesheets pulled from a CDN, as well as a local ...
- 711
2
votes
2
answers
5k
views
Webpack 3: Use sass-loader and ExtractTextPlugin doesn't work
I've been trying to use the sass-loader in webpack and I follow this instructions -> https://github.com/webpack-contrib/extract-text-webpack-plugin#extracting-sass-or-less but this not working.
Can ...
0
votes
1
answer
134
views
Using ExtractTextPlugin for Webpack, how do you not extract css and create an empty file with a flag?
Basically I want to extract css in production, but I want to leave it in the JavaScript file in development mode.
This is so I can have the sourcemap working which shows the sass files used.
I want ...
0
votes
0
answers
104
views
extract text plugin - Module build failed: ModuleNotFoundError: Module not found:
I'm using the following module in my webpack config -
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: [
{
loader: "css-loader",
...
- 3,600
0
votes
1
answer
295
views
unminify pug using plugin ExtractTextPlugin
When I extract a .pug file with ExtractTextPlugin, it converts it to html but minify, as it unminify??
const extractHTML = new ExtractTextPlugin('[name]-pug.html');
....
{
test: /\.pug$/,
...
- 4,677
0
votes
2
answers
428
views
CSSO + ExtractTextPlugin in webpack not restructuring extracted page
I'm trying to create a scaffolding for my react project and learn webpack in the process. I've been trying to get my css modularized in their own component folders and get them extracted into a single ...
- 43