I am trying out Vue with SASS but I run into a problem ben using npm run build. I use webpack sass-loader. Can anyone help me out here? I suspect the problem is somewhere in my webpack config, but ...

My sass modules can import each other like below. // LinearLayout.scss @mixin LinearLayout { ... } linear-layout { @include LinearLayout; } // ScrollView.scss @use "LinearLayout" as *; @...

I want to be able to use absolute paths in @import statements. Something like: @import '/templates/common/variables' However, sass seems to resolve it as an absolute url within my filesystem. I ...

I am a bit stuck, and right now I am at the verge of a breakdown. Someone, PLEASE enlighten me what is happening here. I am playing around with this for like 4 hours now, and can't seem to find out...

I'm working on a Vue/Vuetify project for quite some time now. It all worked fine until yesterday. I had problems with using the <v-simple-table> vuetify component, so I decided to run npm ins...

I'm trying to inject NODE_ENV into a sass file, so I can have different output for dev/prod env, and have a sass function that has a condition like that inside it: @if (NODE_ENV == 'prod') {} my w...

I am getting this error when compiling sass. webpack: 3.12.0, sass-loader: 8.0.0. Also, I use angular2. { test: /\.(scss|sass)$/, use: [ "to-string-loader", { loader: "css-loader", optio...

I'm trying to use sass package instead of node-sass in Nuxt.js. I found a config like this; // vue.config.js module.exports = { css: { loaderOptions: { sass: { implementation: require('sass'),...

Minimally reproducible setup here: https://github.com/jamesopti/webpack_playground/tree/resolve_url_loader_issue Im trying to use resolve-url-loader to add a hashname to my scss url() image paths,...

I am using webpack with some plugins and loaders to take my src/ folder and build a dist/ folder. url-loader (which falls back to file-loader when images are larger than a specific limit) is output...

I'm trying to create a simple web app with material-components-vue and vue-cli with webpack, however, I found out that I cannot import stylesheets from node_modules without a preceding ~. I have t...

I am trying to use CSS variables in an Angular project together with Sass functions (lighten() / darken() to be precise), and as far as I know, the latest version of LibSass allows it. I have ins...

Is there a way to reference a process.env.NODE_ENV in a scss file by passing it to the sass-loader in web-pack. If so anyone know how to go about this ? Here is my webpack module lodaers array. ...

I am new to nodejs and get a problem when trying to use sass with it. The following information is just fictional, but it represents the actual condition. THE SCENARIO: I have the followin...

In my project I'm including one CSS file and one SCSS file: require('./../vendor/glyphicons/glyphicons.css'); require('./../css/main.scss'); Source map for CSS - works fine: { test: /\.css$/, ...

I'm trying to enable sourceMaps in webpack but there seems to be a problem with sass-loader and postcss-loader combination. With both sass-loader and postcss-loader enabled my console shows "no so...

My project structure: webpack.config.js app-- --> src ---->> components ------>>> myComponent.js ------>>> myComponent.scss --> styles ---->> variables....

Not too long ago I made a project that used a combination of SASS variables and CSS custom properties. I defined my Sass variables and then used those to create my CSS custom properties. Everything...

Webpack + file-loader + sass-loader is having trouble resolving relative paths for CSS background images. The compiled SCSS file contains a path to the background image that is relative to /dist/ ...

This is my Webpack configs for scss/css files. ... { test: /\.s?css$/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoaders: 2 } }, { loader: 'postcss-loader', options: {...

I have a project setup where I use ExtractTextPlugin to create a CSS file. I'm trying to create a dev Webpack config with the styles injected onto the page using style-loader, css-loader, and sass-...

I've the follow example configuration to use mini-css-extract-plugin with Webpack 4: entry: { a: ['./js/a.js', './scss/a.scss'], b: ['./js/b.js', './scss/b.scss'] }, module: { rules: [ [...], ...

I overrode the sass-loader configuration to include the node_modules path: // config/webpack/environment.js const { environment } = require('@rails/webpacker') environment.loaders.prepend('sass'...

I'm building a react app and im using webpack 3 with css/sass loaders + the ExtractTextPlugin to compile my styles and generate main.css. All my scss variables, mixins and partials are compiling in...

I'm new to Vue (and the concept of single file components) and not sure how the CSS is compiled when my app is generated. I have a pattern library where all the SCSS is compiled for my project so ...