Comments (4)
Tried the same thing using import postcss from 'postcss'
, but that didn't work either.
from rollup-plugin-sass.
Following on from that, I changed the name of the parameter style
to css
which fixed the above error but then got:
postcss(...).process is not a function
I'm new to postcss but I'm pretty sure it has a process function..? Full rollup config below
import sass from "rollup-plugin-sass";
import postcss from "rollup-plugin-postcss";
export default {
entry: "src/app.js",
format: "cjs",
dest: "dist/app.js",
format: "iife",
sourceMap: true,
plugins: [
sass({
output: "dist/app.css",
processor(css) {
return postcss([ require("autoprefixer") ])
.process(css)
.then(result => result.css)
}
})
]
}
from rollup-plugin-sass.
Posted on SO, but posting here for future. Here is my working config:
import sass from 'rollup-plugin-sass'
import autoprefixer from 'autoprefixer'
import postcss from 'postcss'
sass({
processor: css => postcss([autoprefixer])
.process(css)
.then(result => result.css)
})
from rollup-plugin-sass.
@nathancahill got it right. Now the readme just needs updating.
from rollup-plugin-sass.
Related Issues (20)
- CI/CD - Add publish *.yml gh-actions config HOT 1
- Docs: Update documentation regarding the `processor` option/feature HOT 1
- Update or change Rollup dependency version range HOT 2
- changelog: Add auto-changelog action step to gh-actions HOT 1
- Typescript: Use sass package option type(s) for `SassOptions` type
- Spike: Investigate rollup config options that should affect how we write output files HOT 1
- maintenance: Change main branch to 'main'
- export sass variables for include in JavaScript HOT 5
- add tag for 1.2.2 release HOT 1
- CI/CD - Add github actions
- next: Remove unrequired dependencies HOT 1
- Bug in version 1.2.5 HOT 1
- Dart Sass HOT 3
- sass not a function with v1.2.6 HOT 2
- Can't use in typescript config file HOT 2
- CI/CD/Tests - Test race condition HOT 1
- Deps - Downgrade typescript version
- Expose sass variables to import them from the package HOT 3
- Is it possible to run your tests with ava 4.3.1 ? HOT 3
- Dep. - Update vulnerable dependencies ('AVA', 'json-schema') HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rollup-plugin-sass.