Questions tagged [sass-loader]
435 questions
0
votes
1 answer
Node Sass does not yet support your current environment: Vuetify upgrade fails
I'm trying to upgrade Vuetify 1.5.+ to 2.0.+ but facing some issues while adding node-sass library. Initially when I installed sass-loader": "^8.0.0" it showing some syntax error as follows.
So in order to fix the issue, I just downgraded…
Pranav C Balan
- 113,687
- 23
- 165
- 188
0
votes
1 answer
How to compile style.sass to style.css and keep indentation
I´m beggining with webpack to make a Wordpress theme.
I would like to compile sass files to css files.
The goal is to compile style.sass to style.css without minify and keeping the standard comment header.
webpack.config.js
const path =…
J.BizMai
- 2,621
- 3
- 25
- 49
0
votes
1 answer
Getting gyp err
I'm building a web app using react and I'm about to style it. Then I need to install scss-loader and node-sass to teach webpack how to work with my scss styles files but after I ran this:
yarn add sass-loader@6.0.6 node-sass@4.5.3
I got a very…
Hendrx
- 69
- 2
- 3
- 10
0
votes
1 answer
Unable to run "ionic serve"
I downloaded my Ionic Cordova project from Github. I installed all the dependencies for the project. Whenever I run command, "ionic serve" I am getting this error.
ERROR in ./src/theme/variables.scss…
abas
- 19
- 5
0
votes
1 answer
How do I use a hashed url in sass with webpack?
I've configured webpack caching using contenthash:
{
test: /\.(png|jpe?g|gif|svg)$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[contenthash:7].[ext]',
…
Ben McCann
- 18,548
- 25
- 83
- 101
0
votes
1 answer
How can I use webpack-dev-server and sass-loader to compile Sass when I make changes to JSON files?
I'm using webpack-dev-server and a custom Sass importer to allow the importing of JSON files into my Sass. The problem is that when I make changes to the JSON files that are imported into my Sass, the Sass does not re-compile. When making changes to…
ESR
- 1,669
- 1
- 18
- 22
0
votes
0 answers
Webpack fails to find scss in node_modules
Webpack isn't able to find scss in node_modules
{
test: /\.scss$/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{
loader: 'sass-loader',
options: {
…
GN.
- 8,672
- 10
- 61
- 126
0
votes
1 answer
Why is my Webpack not working for CSS Modules
I am trying to use CSS Modules to style my react components. I have sass-loader configured in my webpack build, however, the stylings do not get applied to my components. Please see below for a component example and my webpack config. Is there…
Jimmy
- 3,090
- 12
- 42
- 99
0
votes
0 answers
Nested scss not working properly as expected
I am having an issue while nesting a import in a class like
.base-class-xirLd4a709 {
@import 'semantic.css';
.deal-icon {
vertical-align: top;
height: 30px;
margin: 5px 0px 0px 5px;
}
}
Imported css is effecting outside of parent…
Danish
- 325
- 1
- 4
- 12
0
votes
1 answer
webpack non-entry filenames
webpack.config.js
const webpack = require('webpack');
const path = require('path');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const fs =…
Killerpixler
- 4,200
- 11
- 42
- 82
0
votes
0 answers
@import "./assets/scss/style" causes application to crash
I have a vue js project that crashes once I use @import "./assets/scss/style";
in first photo the application crashes but one I remove the import it works.
How can I solve this?
tarek hassan
- 772
- 11
- 35
0
votes
0 answers
Build only scss files to css prevent compiling/building the JS or build only js while preventing compiling scss using webpack 4
So I am trying to create only css files or only js files at a time from the index.js file, which import few react component.
.
├── index.js
├── Header
├── index.js
└── styles.scss
└── Body
├── index.js
└──…
Subhendu Kundu
- 3,618
- 6
- 26
- 57
0
votes
2 answers
Webpack sass-loader entry / output folder's
This is my folder structure:
webpack.config.js
- sass
-- _partials.scss
-- style-1.scss
-- style-2.scss
And what I want that webpack to automatically detect the files into my sass folder and create css file with the same name, note that there are…
Pik_at
- 1,459
- 9
- 14
0
votes
1 answer
webpack 3 sass-loader can't import scss files without relative path
I'm using webpack 3.10.0 in a React project started with create-react-app. I'm trying to adjust my Webpack configuration so that I can import scss files without relative paths.
For example @import ../../scss_variables/vars.scss works perfectly fine…
charleszardo
- 179
- 12
0
votes
2 answers
Webpack-dev-server bundling React JS but not SCSS
App was made by "create-react-app" command. Bundled (by webpack) JavaScript code is working properly in my React App, but it does not seem to get any styling from SASS. There are no errors in console or anywhere, it's just being ignored. To start…
Juozas Rastenis
- 265
- 3
- 9