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 =…
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…
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…
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…
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…
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:…
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