Comments (6)
I've tested your setup and it works fine: https://gist.github.com/egoist/7460f76907edc8eea578154db8cc328a
from rollup-plugin-postcss.
I have the same issue, with the same tutorial. Running Node v8.9.3 on Windows 10 if that makes a difference, almost the same rollup.config.js - I removed some stuff to try to narrow it down so mine looks like this:
import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import uglify from 'rollup-plugin-uglify';
import postcss from 'rollup-plugin-postcss'
export default {
input: 'src/scripts/main.js',
output: {
file: 'build/js/main.min.js',
format: 'iife',
name: 'react'
},
plugins: [
postcss(),
uglify(),
resolve(),
babel({
exclude: 'node_modules/**' // only transpile our source code
})
]
};
and my package.json looks like this:
{
"name": "reactes6",
"version": "1.0.0",
"description": "This is the Real Time Electronic Area Canvassing Tool",
"main": "build/js/main.min.js",
"scripts": {
"build": "rollup -c",
"dev": "rollup -c --watch",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "MIT",
"devDependencies": {
"babel-core": "^6.26.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-preset-env": "^1.6.1",
"babel-preset-es2015-rollup": "^3.0.0",
"rollup": "^0.56.3",
"rollup-plugin-babel": "^3.0.3",
"rollup-plugin-node-resolve": "^3.0.3",
"rollup-plugin-postcss": "^1.3.1",
"rollup-plugin-uglify": "^3.0.0"
},
"dependencies": {}
}
from rollup-plugin-postcss.
Can you confirm https://gist.github.com/egoist/7460f76907edc8eea578154db8cc328a is working on windows or not? Might be related to some path issue.
from rollup-plugin-postcss.
I can confirm that now ๐ https://ci.appveyor.com/project/egoist/rollup-plugin-postcss/build/1.0.2
from rollup-plugin-postcss.
So when I remove uglifyjs() I see that it's attempting to use the styleInject function but it never declares it anywhere but it is attempting to pass it in to the iife that rollup is creating -
var react = (function (exports,styleInject) {
'use strict';
styleInject = styleInject && styleInject.hasOwnProperty('default') ? styleInject['default'] : styleInject;
var css = "*bunch of css*";
styleInject(css);
from rollup-plugin-postcss.
it fails because the path separator on windows is backslash, we need to convert it to slash at this line
๐from rollup-plugin-postcss.
Related Issues (20)
- postcss/lib/processor.es6:139:15
- Not working with scss modules including inline comments
- React npm packages using rollup not working with srr or nextjs? HOT 5
- Usage of "~" sign in imports
- [scss] Sources path in extracted "*.map.css" file is not correct - hierarchy of folders is missed. HOT 1
- Error thrown "@use rules must be written before any other rules." HOT 1
- No option to generate moduler css along with one single css which will load separately into dom
- Question: Is there a way to add attributes to the <style> tag generated? HOT 1
- Customize `less` instance
- Is it possible to set stylesheet order?
- On watch mode generated CSS sometimes is prepended when using multiple CSS files
- Sourcemap file points to the compiled scss when its setting is `true`
- Bundle webcomponent.js with webcomponent.css
- ็ผ่ฏcssๆไปถๅคฑ่ดฅ HOT 3
- How to use only dart(sass) without node-sass
- Nextjs support: The server side rendering of components is making it unstyled. HOT 3
- Can't use mjs config files HOT 2
- Move to `postcss-load-config` 5.0
- Cannot convert deep syntax in Vue HOT 2
- ES module support
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-postcss.