Questions tagged [extracttextwebpackplugin]
76 questions
0
votes
1 answer
Webpack 3.11 - ExtractTextPlugin - You may need an appropriate loader to handle this file type - Unexpected token
I like the error messages, they are very helpful (irony off)
Error-Message:
webpack Hash: 9ff6bc2b8b3cb641bb93 Version: webpack 3.11.0 Time: 483ms
Asset Size Chunks Chunk Names
bundle.js 2.83 kB 0 …

Legends
- 21,202
- 16
- 97
- 123
0
votes
1 answer
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 presented in dist.
My config:
const path =…

user8685433
- 370
- 2
- 9
0
votes
2 answers
Webpack Extract-Text-Plugin Output Multiple CSS Files (Both Minified and Not Minified)
I write style in SCSS, and I want to use webpack to build both minified and not minified css files.
So I set my webpack.config.js:
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin =…

Mark
- 27
- 1
- 9
0
votes
1 answer
webpack does not output css
Situation
I have a webpack setup, where I have a rule that extracts CSS and/or SASS from .ts files using the extract-text-webpack-plugin and sass-loader.
I import my SCSS file in a seperate .ts file
import './scss/style.scss'
Problem
A CSS file is…

Johansrk
- 5,160
- 3
- 38
- 37
0
votes
0 answers
Missing prefixes with postcss / autoprefixer on webpack 3
I am using postcss, autoprefixer and extract-text-webpack-plugin with Webpack 3, but when compiled I am missing prefixes. The compiled css only contains the -webkit prefix and not the -ms and -moz prefixes.
I am not sure what I am doing wrong.
My…

Morten Hagh
- 2,055
- 8
- 34
- 66
0
votes
1 answer
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 dist directory
Run Autoprefixer on CSS
Below…

James Howell
- 1,392
- 5
- 24
- 42
0
votes
1 answer
How extract css files for old IE
My project environment is
webpack 1.15.0
extract-text-webpack-plugin 1.0.1
I extract the styles into a single css file, and it works well in chrome firefox and IE10+, but not in IE9-.
I have find that the old IE have limits for css file:
A sheet…

mygaochunming
- 1
- 4
0
votes
1 answer
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 and still have not found anything that works. I…

flyingL123
- 7,686
- 11
- 66
- 135
0
votes
1 answer
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 latter overrides the former)
Source: css-loader…

burtyish
- 1,033
- 2
- 13
- 27
0
votes
3 answers
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 corresponding plugin, refer to…

Filth
- 3,116
- 14
- 51
- 79
0
votes
0 answers
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 stylesheet bundle. I would like the third-party…

bbalan
- 604
- 2
- 7
- 19
0
votes
0 answers
Webpack not outputting css file and fonts
I have a problem with my webpack congifuration. It runs without errors, but is not outputting any files other then app.js and index.html. Genetal styles are applied. Only thing that is not working is font
webpack ver ^3.5.6
extractTest ver…

EDGECRUSHER
- 83
- 1
- 10
0
votes
1 answer
How to remove css from js bundle?
I want to create React components keeping js and css in the same folder (for each component):
Dialog
Container.jsx
Presentation.jsx
styles.less
Here is a part of my webpack config:
module: {
loaders: [
{
test:…

Andrei Vorsa
- 171
- 5
0
votes
0 answers
Webpack extract text plugin not generating a separate CSS file?
I have one src/styles/main.scss file which I want to convert to build/styles/main.css and then use it in index.html.
I have been trying to setup webpack with text extractor plugin but unable to achieve the final result.
This is my directory…

Sahil
- 3,338
- 1
- 21
- 43
0
votes
2 answers
Babel import css syntax error
I want to be able to use import in my react application for not only js/jsx files but also for css files. From what I've read, the best way to do that is to use the extract-text-webpack-plugin which will take your imported css files and bundle them…

MarksCode
- 8,074
- 15
- 64
- 133