postcss Questions
1
Solved
I am using scss-bundle to import an scss file and resolve all his @import statements to later save it again as scss file.
This works fine and below is an example to see how it works:
scss-bundle....
1
Solved
I am using CSS Modules in an Angular Project with Webpack.
I had already transformed the class names in .css and .scss files with postcss-modules.
Then with posthtml-css-modules I had changed the ...
Jairia asked 3/3, 2020 at 17:4
1
Solved
I have this source file as src/mike.js
import '@ckeditor/ckeditor5-ui/theme/globals/globals.css'
export default function () {
console.log('Hello world');
}
@ckeditor/ckeditor5-ui/theme/globals...
4
Solved
On a Gatsby 2.17.6 project, when building:
Building production JavaScript and CSS bundles [====
] 1.940 s 1/6 17% run queries failed Building production JavaScript
and CSS bundles - 75.519s
...
2
Solved
I've integrated PostCSS into Webpack, using a separate postcss.config.js file.
I want to enable cssnano when doing production builds, and disable it for development builds. How can I do this?
Her...
Breaux asked 14/12, 2018 at 9:35
0
I'm trying to import fonts in my rails 6 app for hours now.
It's a fresh app using Rails 6, Webpacker 4 and PostCSS.
Everything is loaded (with no error) through webpack (css, js, images). Compila...
Catercornered asked 12/9, 2019 at 22:17
1
I use postcss-precss (simulates most of Sass features, but not math) combined with postcss-cssnext (provides newest native CSS features, i.e. calc() which I'm missing in postcss-precss).
Normally ...
3
I'm using PostCSS in a project, and the extension of the CSS files is .css so when I open one, it will indicate bunch of errors (due to the syntax of PostCSS).
I have tried installing stylelint, P...
Abscess asked 23/4, 2018 at 13:7
1
Solved
Is there a postcss solution for importing a file into / nesting inside a selector? I can't get postcss-import or postcss-nested to do what I'm after.
.some-selector {
@import 'some.css';
}
Give...
1
Solved
I'm trying to use webpack with postcss to import a theme-variables.css file that contains my css custom variables.
//theme-variables.css
:root {
--babyBlue: blue;
}
Basically I want any css tha...
Quita asked 6/12, 2018 at 18:21
0
I'm currently using Rollup and PostCSS. How do I target a specific scss file that I want to be processed rather than having to use @import 'source/scss/main.scss'in mysource/js/entry.js`
For examp...
5
UPDATE 30.04.20
[ Moving to Webpack ]
My first question is about how recommended is this switch for simple projects, just to Pre-Process/Concat/Minify?
Understanding this future "standards", lik...
2
Solved
Say I have a css file that looks something like this:
/* Base styles */
.content {
background-color: var(--background);
color: var(--text);
font-family: "Helvetica Neue", Helvetica, sans-serif;...
Stendhal asked 28/8, 2018 at 1:51
1
Solved
I'm using webpack and postcss-loader to autoprefix and minify my CSS, before loading it into css-loader to use css-modules. I'm having trouble with minifying CSS. Examining the emitted .js file by ...
Sublime asked 27/8, 2018 at 14:57
4
Solved
I have been trying to configure webpack with LESS and Autoprefixer, but autoprefixer does not seem to work. My css or less files are not autoprefixed. Example:
display: flex stays display: flex
I ...
Juanjuana asked 24/6, 2016 at 9:48
1
Solved
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: {...
Overcast asked 18/5, 2018 at 10:27
0
I am using Webpacker to build assets for a Rails app. I want to add custom prefixes to all of the class names coming from 3rd party CSS frameworks. For example, the styles from Bulma should be tran...
Dropper asked 23/1, 2018 at 0:17
2
Solved
Is it possible to use the :root selector with an ID or Class? I'm trying to flip colors on a different page.
:root {
--color-one: red;
--color-two: blue;
}
/* Can something like this happen? */...
2
I'm trying out PostCss and trying to find comparable features to Sass. The one feature I'm stuck on is Sass-like functions.
Here's my function is Sass:
// Variables.scss
$columns: 12; // Grid co...
1
Solved
I'm struggling now for days getting my Spring Boot App to work again...
I wanted to deploy my application to Heroku and I got a really strange error:
Uncaught Error: Module build failed: TypeErr...
Correy asked 28/7, 2017 at 11:48
1
Solved
I'm using postcss-import to take care of my imports, and cssnano to minify. In my Webpack config I've been using the following setup for css-loader...
{
loader: 'css-loader',
options: {
url: fa...
Swiss asked 25/6, 2017 at 2:27
2
Solved
create-react-app starts you with an App.js that looks like this:
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
render...
Whisenhunt asked 28/6, 2017 at 15:29
3
I'm using a (now older) version of react-boilerplate which came with CSS Modules. What's nice about them is that you can create variables and import them in other CSS files.
Here's my colors.css f...
Leaseholder asked 21/4, 2017 at 0:58
1
Solved
I was trying to get react-toolbox to run.
Got the error 'Cannot find module precss' but this is the same code I picked up from the site. Am I missing out on something?
postcss.config.js
module.e...
Gnarly asked 9/3, 2017 at 17:53
1
Solved
I've just started using PostCSS exclusively with Webpack. When using postcss-import to inline external stylesheets, I see it's options allow us to configure plugins and transformers to be applied o...
© 2022 - 2024 — McMap. All rights reserved.