Git Product home page Git Product logo

Comments (6)

egoist avatar egoist commented on July 28, 2024

I've tested your setup and it works fine: https://gist.github.com/egoist/7460f76907edc8eea578154db8cc328a

from rollup-plugin-postcss.

corumj avatar corumj commented on July 28, 2024

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.

egoist avatar egoist commented on July 28, 2024

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.

egoist avatar egoist commented on July 28, 2024

I can confirm that now ๐Ÿ˜…https://ci.appveyor.com/project/egoist/rollup-plugin-postcss/build/1.0.2

from rollup-plugin-postcss.

corumj avatar corumj commented on July 28, 2024

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.

egoist avatar egoist commented on July 28, 2024

it fails because the path separator on windows is backslash, we need to convert it to slash at this line

const styleInjectPath = require.resolve('style-inject/dist/style-inject.es')
๐Ÿ˜…

from rollup-plugin-postcss.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.