Questions tagged [extracttextwebpackplugin]
76 questions
0
votes
1 answer
Webpack 3 sass loader error after building
I am using the latest version of webpack 3.4.1 using sass loader and extract text plugin to generate a static css file form the sass source. Its loading fine on my dev server and I can see the css file but getting a console error 'Uncaught…
Chris O
- 712
- 2
- 9
- 20
0
votes
1 answer
Webpack throws TypeError: Super expression must either be null or a function, not undefined when importing LESS file
I have the following in a file initialize.js:
import App from './components/App';
import './styles/application.less';
document.addEventListener('DOMContentLoaded', () => {
const app = new App();
app.start();
});
In webpack.config.js I…
Danziger
- 19,628
- 4
- 53
- 83
0
votes
0 answers
How to use webpack with extract-text-webpack-plugin to compile scss files to css
I have created an angular2 project with angular material2 components. Now I want to customise my theme so I have used webpack module as this will create one single file from all the scss files so I have used extract-text-webpack-plugin to create…
Sunil Garg
- 14,608
- 25
- 132
- 189
0
votes
1 answer
webpack compiled successfully but extract text plugin no export content
Here is my webpack config:
const ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
entry: {
index: [
"webpack-dev-server/client?http://localhost:8081",
"./components/index.js"
]
},
output: {
…
GLPease
- 545
- 1
- 8
- 19
0
votes
1 answer
webpack: Inline css for a splash screen (above the fold css)
Im trying to figure out why a css segment will not run through 'style-ext-html-webpack-plugin'.
Currently I have a .CSS file with rules for the splash screen.
It's being extracted using 'extract-text-webpack-plugin' and injected to the template's…
Nitsan Baleli
- 5,393
- 3
- 30
- 52
0
votes
0 answers
Can ExtractTextPlugin work with `ts-loader`?
I have been using ts-loader in Webpack. I would like to also use ExtractTextPlugin in combination with css-loader to bundle CSS. However, ExtractTextPlugin seems to be ignored, or overridden, when ts-loader is used alongside it. I have included an…
Chris Talman
- 1,059
- 2
- 14
- 24
0
votes
1 answer
Webpack bundle splitting commonschunk plugin
I am using CommonsChunkPlugin to split my vendor bundles. I also have ExtractTextPlugin to extract CSS into one file. But, for some reason, I am getting vendor.css as well.
Here's my webpack config:
const config = {
output: {
publicPath:…
Mah3ndra
- 83
- 11
0
votes
1 answer
Not able to extract css using Webpack2
I am trying to extract all the css into one file, I am using webpack2 and i have extract-text-webpack-plugin@2.0.0-rc.0, the following is my code
webpack
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var…
Lijin Durairaj
- 3,341
- 11
- 31
- 50
0
votes
0 answers
Can't get Extract-text-webpack-plugin to work for webpack in production
I am trying to compile sass/scss to css for production.
Essentially I was wondering how can you create a file structure for your assets in prod and get the scss files to get complied to css in prod? I have seen in many TUTs, everything gets dumped…
Antonio Pavicevac-Ortiz
- 7,239
- 17
- 68
- 141
0
votes
1 answer
Cannot extract multiple scss files to one css file
It seems that I don't know the way how to extract multiple .scss files to a one .css file. After building my /dist folder constains only .js files. I followed many guides, but non of them works. Here is my webpack.config.js
module.exports = {
…
Humberd
- 2,794
- 3
- 20
- 37
0
votes
1 answer
Webpack 2 extract text plugin entrypoints.length issues
I have an issue with upgrading to webpack 2 and the extract text plugin. I have the dev version (without this plugin) working and I cant see whats different. The error I get is
node_modules\webpack\lib\Chunk.js:62
return…
Kurtis
- 1,172
- 2
- 12
- 20
0
votes
1 answer
Webpack throws POSTCSS wrong configuration errors
I'm trying to update to webpack 2 and I'm stuck in post css loading phase. Here's my relevant code:
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use:…
R01010010
- 5,670
- 11
- 47
- 77
0
votes
1 answer
Migration to webpack 2 for ExtractTextPlugin
I am trying to migrate from webpack 1 to 2 based on this guide. I have made most of the changes but struggling with ExtractTextPlugin. This is how it currently looks with webpack 1:
module: {
loaders: [
{
test: /\.jsx?$/,
…
SharpCoder
- 18,279
- 43
- 153
- 249
0
votes
1 answer
WebPack css-loader failure in Team City
I'm authorig a Team City build configuration for a web site (Done using VueJs). It uses yarn for building the web site and the problem is around web pack which it uses to bundle the final resources.
So the build is as simple as doing yarn run…
Uchitha
- 998
- 8
- 24
0
votes
1 answer
How to use react-widgets-webpack with extract-text-webpack-plugin for Webpack 2
When I attempt to follow the instructions for using react-widgets-webpack with
extract-text-webpack-plugin and Webpack 2, I get the following error:
ERROR in
./~/react-widgets-webpack/index.loader.js!./react-widgets.config.js
Module build…
peejaybee
- 402
- 1
- 3
- 12