Questions tagged [extracttextwebpackplugin]
76 questions
3
votes
1 answer
webpack-scss-sass-file does not work with conditional css extract
I am using WEBPACKEXTRACT-PLUGIN to extract scss into css file.
Having trouble with conditional extract. At moment we have OLD-SCSS and NEW-SCSS so in my app.js file am doing like this.
if (somecondition) {
require('path-to-old.scss');
}
else {
…
ankitd
- 1,967
- 3
- 26
- 44
3
votes
0 answers
extract-text-webpack-plugin won't wrap font-face url path inside quote(s)
Recently I am playing with extract-text-webpack-plugin to merge multiple css files into single big one. Everything works fine lately, but I am not content with "url path without quote" generated by this plugin. By now it generates url(path), how can…
hoangfin
- 667
- 7
- 16
3
votes
2 answers
how to extract vue files style into one seperate style.css file
I'm using vue-loader and by default for each vue files you have one style tag in your view which is not a good thing,
according to vue-loader documentation i can do this
https://vue-loader.vuejs.org/en/configurations/extract-css.html
my…
moein rahimi
- 774
- 10
- 20
3
votes
1 answer
Extract common styles with ExtractTextPlugin and CommonsChunkPlugin
I'm trying to extract common chunk from my css according wiki section. I know that this docs is for webpack 1 but for webpack 2 seems like there is no corresponding example yet. I use the following webpack config:
module.exports = {
context:…
Invis1ble
- 1,295
- 2
- 17
- 35
2
votes
0 answers
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 revisioning of the style.css file that is…
Anatolii Kolesnyk
- 21
- 4
2
votes
4 answers
webpack init trying to use unsupported extract-text-webpack-plugin
When creating a fresh web project using ASP.NET Core and Webpack, I'm getting dependency warnings from yarn about extract-text-webpack-plugin.
My steps to reproduce:
dotnew new web
yarn init
yarn add --dev webpack webpack-cli
webpack init
The…
Chris Pickford
- 8,642
- 5
- 42
- 73
2
votes
1 answer
Issue using extract-text-webpack-plugin
I am trying to use the Extract Text Webpack Plugin, but I have not been able to generate a new css file for the compiled sass files.
webpack.config.js
var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
entry :…
Sachindra
- 6,421
- 6
- 29
- 38
2
votes
1 answer
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 files. My entry points are app, login and…
JerryH
- 115
- 2
- 14
2
votes
1 answer
WebPack + SASS : How to generate relative image path?
I am trying to set up a web application behind an Apache vhost which acts as proxy (proxyPass) in order to add a contextPath. Only the vhost has to know this contextPath of course.
Everything is ok, except the background-images which are not loaded.…
user2668735
- 1,048
- 2
- 18
- 30
2
votes
1 answer
Webpack 2: exclude css entry from result
I want to compile scss and js with webpack. However, as long as I use it with Symfony 3 where only some pages of the frontend use javascript components, I want to compile css to a standalone file and use the old-fashioned …
amik
- 5,613
- 3
- 37
- 62
2
votes
1 answer
webpack extract-text-plugin output multiple css files
I'm trying to get my webpack build to export 2 css files, one for all the lib files, and one for my files. I am requiring both files separately into my main.js. Atm it is merging all css requires into 1 file.
Only way I have been able to generate…
Graeme Paul
- 1,143
- 1
- 16
- 30
1
vote
0 answers
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-plugin" loader is used without the corresponding…
sunil b
- 685
- 2
- 8
- 21
1
vote
1 answer
Extract local and global styles with mini-css-extract-plugin
Until now I have been using extract-text-webpack-plugin and webpack 3 to make two bundle files. One for local styles and one for gloabl styles.
So in global styles file we would extract css from like bootstrap, semantic ... and in local styles…
Igor-Vuk
- 3,551
- 7
- 30
- 65
1
vote
1 answer
Webpack 3, Extract Text plugin not resolving sass-loader includePaths
I have this setup working on an older project using:
webpack@3.0.0
extract-text-webpack-plugin@2.1.2
I'm now trying on a new project so have upgraded to:
webpack@3.8.1
extract-text-webpack-plugin@3.0.1.
Webpack config is exactly the same but now…
Andy Farmer
- 11
- 3
1
vote
1 answer
Error with @import when using extract-text-webpack-plugin
Folder structure:
/resources
/assets
/css
/config.less
/js
/index.js
/components
/Test
/Presentation.jsx
/styles.less
In config.less I would like to store some variables. In Test/styles.less I…
Andrei Vorsa
- 171
- 5