Questions tagged [webpack-style-loader]
461 questions
0
votes
0 answers
Webpack setup to allow LESS overrides to take effect in imported NPM modules
I'm working on an app that is bundled using webpack. The app is built out of a number of NPM modules hosted in a private NPM registry. Some of these modules import LESS variables from Bootstrap:
// my-module-stylesheet.less
@import (reference)…
Nathan Friend
- 12,155
- 10
- 75
- 125
0
votes
0 answers
webpack sass loader not working
I've spent about 5 hours in total trying to fix this. I'm trying to add scss support to my node app, but it keeps showing the same error:
/Users/jamesoe/projects/-frontend/build/server/bundle.js:3160
[1] throw new Error("Module parse failed:…
James111
- 15,378
- 15
- 78
- 121
0
votes
2 answers
How can I compile and load the pure CSS in ReactJS with webpack?
I am using a simple CSS based template for a ReactJS application with webpack module and not able to connect the CSS after compilation.
My webpack configuration looks like this...
var rucksack = require('rucksack-css')
var webpack =…
Mohit
- 49
- 7
0
votes
1 answer
React.js + Webpack won't recognize @media expressions
I'm currently working on site that runs on React.js (15.6.1) and Webpack 1. I'm using a SASS-compatible version of the popular Flexbox Grid. For some reason however it doesn't seem to compile @media expressions like it normally would.
In this…
Albin M
- 45
- 1
- 4
0
votes
0 answers
How to load font files in bundles using webpack, Angular 1.4.8 and Typescript?
I am not able to load font file (eot,svg,ttf,woff) and images (jpeg,png) in auto generated bundle folder using webpack, tried with below code options:
{
test: /\.(png|jpg)$/,
loader: 'file-loader',
include:…
0
votes
1 answer
Include css/style loaders in webpack react application
I want to include custom css file in my react application. My webpack.config.js file looks like below:
var path = require('path');
const webpack = require('webpack');
module.exports = {
entry: './src/index.js',
output: {
filename:…
Ashy Ashcsi
- 1,529
- 7
- 22
- 54
0
votes
0 answers
How Instagram doesn't load any css?
I am little bit curios that how instagram doesn't load any css but rendering the styles is that a webpack configuration if so how to do it
How to configure my webpack file to act like that
My production webpack
import path from 'path';
import…
Nane
- 2,370
- 6
- 34
- 74
0
votes
1 answer
Webpack 2 stylesheets not loading
I recently updated my application (current on Angular@4.1.3) from Webpack 1.x to Webpack 2.6.1. After following instructions from the migration docs, When I run the application, the external stylesheets do not load. I am using .scss for styles. When…
user3344978
- 644
- 1
- 8
- 22
0
votes
1 answer
WebPack 2 nested SCSS
I can't figure out why my nested SCSS code does not work.
Example of nested SCSS
.line {
.right {
top: 0;
height: 100%;
width: 20px;
}
}
Webpack2 loader
exports.scss = {
test: /\.scss$/,
loaders: ['style-loader',…
Nicholas
- 3,529
- 2
- 23
- 31
0
votes
0 answers
webpack 2 "webpack-dev-server"
i'm newbie with webpack 2 , my issue is when i run webpack-server (http://localhost:8080/) , webpack not redirect me in the correct page and my css not working too.
i get this page : enter image description here
my webpack.config.js :
const…
lassale elmahdi
- 1
- 1
0
votes
0 answers
Upgrading to webpack 2 - Unexpected character '@' for sass imports
I'm in the process of trying to upgrade from webpack 1 to 2 and am getting the following error for pretty much all my sass files. Can someone tell me what I'm missing here? For what it's worth this is the original webpack file I'm trying to…
Dan Ramos
- 1,092
- 2
- 19
- 35
0
votes
2 answers
What files do webpack loaders work through?
When you set the regex after the test key in a loader object, does that look through all files in your project and load them using the loader you've designated, even if those files weren't required by the file in your entry point? Does this then get…
mangocaptain
- 1,435
- 1
- 19
- 31
0
votes
1 answer
something wrong when i using webpack in packing my css file
I am using webpack to pack my css file ,my webpack version is 2.4.1 ,I follow the official document webconfig method to use loader;
my webconfig file:
var path=require("path");
module.exports={
entry:"./js/main.js",
output:{
…
L.Ann
- 88
- 9
0
votes
2 answers
Webpack 2 doesn't compile css inside of vue files
Hello beautiful people,
I have a problem with compiling css for vue components. Here is my config file: https://gist.github.com/lavezzi1/27817a17cb4fa2a092e701089ecae0ec
I do multiple page app with vue. Everything works just fine except one thing:…
Hola
- 125
- 1
- 12
0
votes
2 answers
Sass doesn't get compiled
My scss files are not getting compiled. It doesn't understand what I do with my code. I want to be able to use Sass instead of CSS but I can't find the right way to compile Sass.
I am using the webpack template with Vue.js
My webpack config file…
lucafj2j282j
- 879
- 3
- 13
- 32