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
0
votes
1 answer

How to configure Tailwind + Postcss with VueJS in Laravel InertiaJS

I am new to setting up the tailwind/postcss configuration using Intertia.js/Vue.js and would appreciate some guidance with my configuration files! My goal is to be able to write postcss/scss style within my vue components, with the ability to use…
Borovez
  • 45
  • 2
  • 12
0
votes
1 answer

Problems with background url using SCSS and angular

Im using scss in an angular project. When i use background image like this: url("/assets/images/test.jpg") My project builds with no problem and i can see the images on my local or even using ng serve --build, but when i upload this to my IIS…
Who
  • 3
  • 1
0
votes
3 answers

Gatsby Develop Failing using gatsby-plugin-sass

After installing the gatsby-plugin-sass module: When I try to run gatsby build, I get the following error: ERROR Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.23, but autoprefixer uses 7.0.26. Perhaps this is the source…
JayGee
  • 577
  • 6
  • 16
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…
0
votes
1 answer

postcss loader with webpack

I'm trying to use postcss-loader plugin with webpack, but I can't understand how to use it, in my output build I doesn't have a css file and a js file but only a js file, and the css inside the builded js. This is the my-container.js file: import…
Piero
  • 9,173
  • 18
  • 90
  • 160
0
votes
2 answers

css placeholder selector only not work for color

I have tried ::placeholder or ::-webkit-input-placeholder selector for input to change placeholder's color.But I find only setting color was failed, other attributes like text-align or font-weight work well. Adding '!important' also not work.I have…
0
votes
1 answer

css modules, postcss + webpack with IE 11 fallback

My question is more approach. I have a project that uses only css, with css custom properties. vars for example. This project is react, with css modules enabled. With a structure like below: component -- folder1 ---- folder1.css --…
0
votes
0 answers

SCSS not loading in webpack4 Development Build

I am trying to migrate my application from Webpack3 to Webpack4. I am facing issue in dev build.SCSS files or not merging in dev build and its not loading.Please find below my webpack dev configuration.I used mini-css-extract-plugin instead of…
Hariharan Subramanian
  • 1,360
  • 2
  • 12
  • 22
0
votes
1 answer

Error: No PostCSS Config found in '/home/react-project/workarea/scss'

I am trying to load scss files in my reactjs app using webpack. Here is my webpack code: module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader' }, }, { test: /\.(sa|sc|c)ss$/, …
Vinayak humberi
  • 191
  • 3
  • 8
0
votes
1 answer

Autoprefixer not working in webpack

I am trying to setup bootstrap using web pack, but it's not giving the auto prefixed version of CSS when I run the build. In custom.scss I have added my customizations and then imported bootstrap from my node modules. This is my…
Ganesh Kumar G
  • 185
  • 2
  • 16
0
votes
1 answer

postcss-loader doesn't work with ExtractTextPlugin in webpack 3?

Configuration webpack.config.js test: /\.css$/, exclude: /node_modules/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: [ { loader: 'css-loader', options: { importLoaders: 1 } }, …
0
votes
1 answer

Adding autoprefixer to webpack 2.2.1

I'm trying to add autoprefixer to webpack 2.2.1 and having issues seeing the prefixes. I installed postcss-loader https://github.com/postcss/postcss-loader as this seems to be the listed way to handle postcss in webpack. I'm currently using scss…
me-me
  • 5,139
  • 13
  • 50
  • 91
0
votes
1 answer

Webpack scss loader, css loader and post css

I'm trying to set up webpack for an app that uses ES6 classes. I use Sass, but there is also a vendor css file that I import. The sass partials are imported to sytle.scss uing @import. It worked all fine until before I added postcss loader, but now…
Jaeeun Lee
  • 3,056
  • 11
  • 40
  • 60
-2
votes
1 answer

How to debug webpack when bundling for production?

I'm currently working learning webpack and have a working development config but when trying to use that same config for production everything but the css bundles. assets master % node_modules/webpack/bin/webpack.js --display-optimization-bailout…
1 2 3 4 5 6 7
8