GithubHelp home page GithubHelp logo

Comments (5)

mistakster avatar mistakster commented on June 15, 2024

Hi Patric!

As I understood your problem correctly, you use [name].css?[contenthash] as a template for the file name. I bet query params are useless here because file name can’t contain query param, right? You will get just app.css (for example) on your disk in any case.

At the same time, webpack keeps generated file name as is internally and it doesn’t match /\.css$/. That’s why your pipeline is not working as expected.

My advice is not to use query param.

Please, let me know if I miss something and you need such template. It would be nice if you can provide webpack.config.js to reproduce your case.

from postcss-pipeline-webpack-plugin.

patric-eberle avatar patric-eberle commented on June 15, 2024

Hi @mistakster - True, the filename is without the contenthash. But the hash is injected into the index.html by HtmlWebpackPlugin. This way I'm able to use the same file names for each build, while still having a custom source link. This was initially due the fact, that we use the build for different environments. But since I had the same problem with an other package I probably will have to switch to a solution without query hash.

You can find an example configuration here.

from postcss-pipeline-webpack-plugin.

mistakster avatar mistakster commented on June 15, 2024

from postcss-pipeline-webpack-plugin.

mistakster avatar mistakster commented on June 15, 2024

Hi @patric-eberle

I’ve just published a new version (3.1.0) with relevant patch. Hope it will work for you whether you decided to use query params or not.

Thank you for your help.

from postcss-pipeline-webpack-plugin.

patric-eberle avatar patric-eberle commented on June 15, 2024

Made a test run and it looks like it's working now. THX!

from postcss-pipeline-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.