Giter VIP home page Giter VIP logo

Comments (11)

sokra avatar sokra commented on August 18, 2024

see webpack/webpack#739

from extract-text-webpack-plugin.

bowd avatar bowd commented on August 18, 2024

Thanks, good to know but I am already using the OccurenceOrderPlugin, it keeps my JS entries an chunks in order but not the CSS, so I can't tell if I'm missing smth.

from extract-text-webpack-plugin.

natelaws avatar natelaws commented on August 18, 2024

I have the same problem when requiring multiple style sheets within the same .js file. It seems as if the largest files end up as last in the extracted file.

I also use the OccurenceOrderPlugin.

from extract-text-webpack-plugin.

natelaws avatar natelaws commented on August 18, 2024

Threw together a repo which seems to illustrate the issue. https://github.com/natelaws/extract-text-plugin-bug

from extract-text-webpack-plugin.

bowd avatar bowd commented on August 18, 2024

awesome 👍 @natelaws I wanted to do this but I didn't find the time. I actually got to see red at the end in one build but it tends to favour the largest file like you mentioned. I wonder if it has something to do with how webpack optimises the dependency tree / orders the chunks... I've tried stepping through the code but I'm not getting really far. I'll try some more though. It's really annoying for us right now cose we migrated to using this in production and for every deploy the CSS always is built with a different hash even if nothing changed.

from extract-text-webpack-plugin.

steida avatar steida commented on August 18, 2024

I have opposite problem, After updating to 0.4, css is extracted in wrong order. You can check my configuration at https://github.com/steida/este

This should be extracted in order normalize, then button, then the rest of the file.
Instead button is first, the file content, and normalize is last. It looks like a bug.

@import '../../node_modules/normalize.css/normalize.css'
@import './button.styl'

// http://phonegap-tips.com/articles/essential-phonegap-css-webkit-tap-highlight-color.html
*
  -webkit-tap-highlight-color rgba(0,0,0,0)
  -webkit-touch-callout none

from extract-text-webpack-plugin.

sokra avatar sokra commented on August 18, 2024

@steida working on that...

from extract-text-webpack-plugin.

natelaws avatar natelaws commented on August 18, 2024

So, I'm still seeing an issue here. I just updated my test repo and now it seems to be including the files in alphabetical order and still not the order actually defined.

Although it definitely looks like its consistent now 👍

from extract-text-webpack-plugin.

erictheswift avatar erictheswift commented on August 18, 2024

facing the same issue: now dependencies are sorted alphabetically
using less-loader just to process @import's should not be the only fix :)

from extract-text-webpack-plugin.

adrian2x avatar adrian2x commented on August 18, 2024

Is there a fix or a workaround for this issue?

from extract-text-webpack-plugin.

steida avatar steida commented on August 18, 2024

It's closed and it works for me in https://github.com/este/este

from extract-text-webpack-plugin.

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.