Stack Overflow
Stack Overflow

Questions tagged [postcss-loader]

configure postcss for css assets transformations inside webpack process

instead of postcss.config.js postcss configuration can be set inside webpack.config:

{
  loader: 'postcss-loader',
  options: {
    config: {
      ...
    }
  }
}

Other problematic that cover this topic: cascade configuration and postcss plugins configuration.

https://github.com/postcss/postcss-loader

119 questions
1
vote
1 answer

Generate a separate CSS bundle for IE with Oldie, PostCSS and Webpack

I'm using Webpack, Extract Text Plugin and PostCSS to generate my CSS bundle. I use Html Webpack Plugin to generate an index.html file. This is my webpack.config.js: // imports module.exports = { // entry point, etc. module: { …
Aneesa Saleh
  • 33
  • 6
1
vote
1 answer

Resolving relative urls in nested style files with postcss & scss

I'm using postcss with scss synthax to organize styles in project. The simplified structure listed below: client media images image.png styles index.scss components component1.scss Entry point for Webpack loaders is…
tonghae
  • 95
  • 1
  • 9
1
vote
1 answer

Error in post css loader with webpack 3

I am using css loader with post css loader in webpack 3 in an angular project. When I am building my application I am getting following errors for all my css files: ERROR in…
Amal
  • 278
  • 1
  • 11
1
vote
1 answer

css-loader, postcss-loader: Module build failed: Error: No configuration provided for

I got a new computer and tried to open an older project but I keep getting this error whenever I run development and I just don't understand why. The project fully works on my old pc. I tried updating all devdependencies or just the css-loaders but…
HoyHym Ho
  • 79
  • 1
  • 10
1
vote
0 answers

Webpack 3.5 + React + Postcss not recompiling after changing CSS files

I'm experiencing a problem with webpack 3.5 + react + posts. The configuration is this: const path = require( "path" ); const ExtractTextPlugin = require( "extract-text-webpack-plugin" ); const CopyWebpackPlugin = require( "copy-webpack-plugin"…
Prakash Prem
  • 11
  • 1
  • 2
1
vote
0 answers

PostCSS cannot find compass module

I am trying to load scss style sheets for my application running on webpack and PostCSS. Unfortunately, i get the following error (Emitted value instead of an instance of Error) postcss-import: .../file.scss:2:1: Cannot find module 'compass' from…
user8272438
  • 13
  • 4
0
votes
0 answers

const overrideOptions = metaConfig.config ?? {}; issue while running in bamboo

const overrideOptions = metaConfig.config ?? {}; 30-Aug-2023 15:37:50 ^ 30-Aug-2023 15:37:50 30-Aug-2023 15:37:50 SyntaxError: Unexpected token '?' 30-Aug-2023 15:37:50 at compileFunction…
user3409817
  • 1
  • 1
0
votes
0 answers

Laravel-mix PostCss TypeError: Cannot read properties of undefined (reading 'includes')

I have this PHP WordPress project which uses Laravel Mix and PostCss I am not super familiar with the setup as this was a legacy project created by a developer who left the company The project was a few years old and I've been updating the npm…
Fábio Bernardo Silva
  • 1
  • 2
0
votes
0 answers

Why 'css-minimizer-webpack-plugin' or 'postcss-csso' is truncating comma from font shorthand assignment?

I am using mini-css-extract-plugin, css-minimizer-webpack-plugin and postcss-csso for my CSS minification. Here is my package.json: { "name": "webpack-demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { …
Karthi
  • 23
  • 4
0
votes
0 answers

circle CI webpack build pcss, Invalid URL

I am using circle CI, when webpack using postcss-loader to load a ./webpack/landings/container/styles.pcss, it says: ERROR in ./webpack/landings/container/styles.pcss Module build failed (from…
Zhuqing Yang
  • 1
0
votes
0 answers

postcss-convert-px-to-vw Plugin doesn't work on REACT app

I've been using this plugin postcss-px-to-viewport-vite-plugin for years on Vuejs projects. In summary it coverts all 'px' to 'vw' using Postcss. After runtime, on Chrome debug mode, you can see tha all 'px' are translated to 'vw' correctly. The…
hello B
  • 891
  • 5
  • 18
  • 41
0
votes
1 answer

CSS nesting has not been configured correctly error after upgrade TailwindCSS version 1 to 3

I am getting following error after upgrade tailwindcss from V1 to V3 although I have added @tailwindcss/nesting and postcss-nesting My postcss.config.js has tailwind config module.exports = { plugins: { tailwindcss: { …
Michael Fine
  • 29
  • 4
0
votes
0 answers

Error in postCss in update tailwind from version 2 to 3

I update my tailwindcss from 2.2.9 to 3.2.4 and update my postcss from 7.0.36 to 8.4.19 but my project does not start and give me this error: ./src/tailwind-styles/tailwind.css…
N.SH
  • 616
  • 7
  • 20
0
votes
1 answer

Separate RTL css file using postcss-loader and RTLCSS in webpack

How can I create a separate RTL css file using postcss-loader and rtlcss? I added to postcss.config.js but I can't find any information about defining the output file. I would like to use {name}.rtl.{ext} format, just don't know how to define it…
levipadre
  • 569
  • 7
  • 31
0
votes
0 answers

Generate hashed class names using regular SCSS

Context: I am working on UI widgets for external third party applications. The UI widget project is a part of an existing monorepo. I am re-using the styles(regular scss, not css modules) that already exist. Issue: Because some of the…
umalogic
  • 63
  • 5
1 2 3 4 5
6
7 8