Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 19 18:01
    webpack-bot labeled #9689
  • Oct 19 18:01
    webpack-bot unlabeled #9689
  • Oct 19 11:55
    sokra synchronize #9689
  • Oct 19 11:55

    sokra on refactor-devtool-option

    allow pattern in linting fix devtool spelling in test (compare)

  • Oct 19 11:24
    Siegrift edited #9861
  • Oct 19 11:22
    webpack-bot labeled #9861
  • Oct 19 11:22
    webpack-bot labeled #9861
  • Oct 19 11:22
    webpack-bot labeled #9861
  • Oct 19 11:22
    Siegrift opened #9861
  • Oct 19 11:21
    Siegrift closed #9426
  • Oct 18 14:19
    koto synchronize #9856
  • Oct 18 14:11
    koto ready_for_review #9856
  • Oct 18 13:39
    webpack-bot labeled #9689
  • Oct 18 13:26

    sokra on cache-non-pack

    remove all options for cache.st… (compare)

  • Oct 18 13:10
    sokra synchronize #9689
  • Oct 18 13:10

    sokra on refactor-devtool-option

    fix source map devtools in test… use SourceMapDevTool default avoid sourceMappingURL in the s… and 1 more (compare)

  • Oct 18 12:59
    webpack-bot unlabeled #9689
  • Oct 18 12:59
    sokra synchronize #9689
  • Oct 18 12:59

    sokra on refactor-devtool-option

    refactor: `devtool` option allow all possible combinations… (compare)

  • Oct 18 12:36
    sokra synchronize #7075
harshit786
@harshit786
This is simple
html files
webpack is running through scripts package.json
Here at stack also we have added the problem
even after deleting main.scss
still it is loading on web browser
Rogan Louwrens
@hallucinarium
Hmm, I haven't used webpack-encore before.
Can you try doing an ES6-style import of your stylesheets in your main JS file?
John Marinelli
@johnmarinelli
@rm-rf-etc i would also consider splitting the rule into 2 separate rules; so test for css and sass files and use different loaders independently, instead of checking for both using a regex and using both loaders
i've seen problems when using multiple loaders on 1 file
harshit786
@harshit786
@hallucinarium could you provide an example
regarding ES6-style import of your stylesheets in your main JS file?
deAtog
@deAtog
@harshit786 Encore.addEntry and Encore.addStyleEntry both do the same thing. To be honest, I'm not sure why Encore separated the two unless it was for historical reasons?
deAtog
@deAtog
@harshit786 I'm confused about the issue you are trying to solve.. how are you running Webpack?
harshit786
@harshit786
I am running pages/home.html directly
is my directory structure
is the pages and I am running directly is it something wrong I am doing as I am novoice to webpack
now in the src folder I do changes in main.scss nothing
happened
harshit786
@harshit786
Here is the main.scss
deAtog
@deAtog
@harshit786 what are you using to serve your files? Webpack's dev server?
harshit786
@harshit786
I am trying to rebuild webpack but it is not working
we are running directly
just like putting in xampp server
deAtog
@deAtog
Ah.. well there you go..
@harshit786 I suspect your issue is not webpack, but Apache on Windows.
harshit786
@harshit786
I think scripts are
running
in package.json
Runnning without apache
still does not solve problem
Rogan Louwrens
@hallucinarium
@deAtog Any chance you know how to get the hashed filename of a font imported in a CSS file?
I know with image imports in a JS file the import returns the path. I just have no idea how that translates to something imported in a CSS file.
deAtog
@deAtog
@urbanmichal Admittedly, about a week after I started learning how to configure Webpack.. I switched to using Encore as it does almost everything I needed. That said, if memory serves me right, I think you may have to use the url-loader along with your other CSS loaders to fix paths in CSS.
John Marinelli
@johnmarinelli
@deAtog we also use Symfony + Webpack, but not Encore. i am wondering, how has your experience been? is your project large?
deAtog
@deAtog
@johnmarinelli Symfony + Webpack Encore has been rather easy to use. The project I'm currently working on is not very large.. about 5 or so pages but I haven't had any major issues using Encore.
@johnmarinelli My biggest complaint about Encore is that once I started using it.. I wanted to use it for more than just web outputs.. and sadly it currently lacks the ability to configure the target output. I'm currently using an internal fork of Encore that I've modified for this purpose..
deAtog
@deAtog
@johnmarinelli Most issues I've run into are more to do with how Webpack functions rather than anything else. E.g. I find Webpack's externals option to be very lacking as it merely creates a wrapper around globally defined variables and provides no mechanism to actually include external libraries from a CDN. Thus, when the global variable is not defined it throws an error.
deAtog
@deAtog
@harshit786 I think this is a case where you are simply using Webpack wrong. Just because you can reference Webpack outputs from the dist folder doesn't mean you should. Doing so is often discouraged because it creates a client-side caching issue. I.e. the browser caches the page and it's assets separately. However, if the page has not been modified, the browser may not check if the assets have been. If you want to continue using static pages.. then I would recommend making your html files your Webpack entrypoints and using the html-loader in combination with the extract-loader. Encore doesn't support processing of HTML files so you would have tell it to load the additional loaders required to do so.
Rogan Louwrens
@hallucinarium
Can anybody tell me how to get the hashed filename of a font imported in a CSS file? This issue is infuriating me
deAtog
@deAtog
@hallucinarium Why not use Encore since you are already using Symfony?
Rogan Louwrens
@hallucinarium
@deAtog Oh, I'm not using Symfony. I'm building a Gridsome site, which afaik uses vanilla webpack?
deAtog
@deAtog
@hallucinarium Sorry, my mistake.. mistook you for someone else..
deAtog
@deAtog
@hallucinarium have you tried using the url-loader?
Rogan Louwrens
@hallucinarium
Yes, I'm using the url-loader. I just don't know which variable holds the path of the font after import