Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 14:59
    webpack-bot labeled #13582
  • 13:38
    SkReD synchronize #13582
  • 12:58
    SkReD synchronize #13582
  • 12:44
    webpack-bot labeled #13583
  • 11:10
    SkReD synchronize #13582
  • 10:23
    SkReD synchronize #13582
  • 10:22

    dependabot[bot] on npm_and_yarn

    (compare)

  • 10:22
    dependabot[bot] closed #13470
  • 10:22
    webpack-bot labeled #13583
  • 10:22
    dependabot[bot] labeled #13583
  • 10:22
    dependabot[bot] opened #13583
  • 10:22

    dependabot[bot] on npm_and_yarn

    chore(deps): bump ws from 7.4.0… (compare)

  • 10:22
    dependabot[bot] edited #13470
  • 10:22
    dependabot[bot] edited #13470
  • 10:21

    sokra on master

    5.39.1 (compare)

  • 10:21

    sokra on v5.39.1

    (compare)

  • 10:19

    sokra on master

    clear compilation queues to red… move defineRemovedModuleTemplat… unreference some of the interme… and 1 more (compare)

  • 10:19

    sokra on reduce-memory-leaks

    (compare)

  • 10:19
    sokra closed #13580
  • 10:18
    sokra edited #13580
Myles McNamara
@tripflex
i tried to quickly put together a webpack config file and realized i was shooting myself in the foot by not fully understanding how it works because when i had to debug it was VERY frustrating
Alex Barker
@kwhat
yah its super frustrating, you know what compounds that? the abstractions that sit in front of it and the total lack of decent documentation.
Alexander Akait
@alexander-akait
@kwhat documentation?
What is documentation help in your case?
Just say and i will do it
Myles McNamara
@tripflex
at the least we need your webpack config or details of it
Alex Barker
@kwhat
Well, for example, I am using laravel mix and I am simply trying to get jquery and datatables in two javascript files because they are quite large... Good fucking luck: https://github.com/JeffreyWay/laravel-mix/blob/master/docs/jquery-ui.md
Myles McNamara
@tripflex
i know your frustrated, but i can promise you more people will be interested in helping — if you’re not hostile about it :P
Alexander Akait
@alexander-akait
@kwhat do you run this in development or production?
Alex Barker
@kwhat
I am so frustrated with this, that I am literally going to quite doing webdevlopment after 25 years.
Myles McNamara
@tripflex
webpack config
maybe take a break for an hour or two lol
Alex Barker
@kwhat
right now it is development
Myles McNamara
@tripflex
come back with a clear head
Alex Barker
@kwhat
honestly taking a 2 hour break is not going to help me meet deadlines
Alexander Akait
@alexander-akait
@kwhat what is output?
Alex Barker
@kwhat
it outputs just fine
Myles McNamara
@tripflex
well if you want our help, bring down the hostility
Alex Barker
@kwhat
it cannot find .datatables
Myles McNamara
@tripflex
webpack config webpack config webpack config — that’s almost always the problem IMO
Alexander Akait
@alexander-akait
@kwhat databases is package on npm?
Alex Barker
@kwhat
yes
did you guys not see my paste?
Alexander Akait
@alexander-akait
What is error you got?
Peter Müller
@Munter
https://www.npmjs.com/package/datatables.net#npm says to initialize the import result with window and jquery
Alex Barker
@kwhat
jQuery.Deferred exception: $(...).DataTable is not a function TypeError: $(...).DataTable is not a function
Myles McNamara
@tripflex
Ahhhh i see
Alex Barker
@kwhat
@Munter I tried that as well
$ not found in my other file and when it is when i do some fancy autload in mix it still comes up with the same error
Alexander Akait
@alexander-akait
You can have two jquery
Alex Barker
@kwhat
import it twice?
will webpack not pack jquery into jquery.js and datatables.js ?
Alexander Akait
@alexander-akait
Do you use CMS? WordPress include own jquery
Alex Barker
@kwhat
No this is a laravel project which is another great example of more junk tooling
They use a webpack abstraction called mix
Peter Müller
@Munter
Alex Barker
@kwhat
@Munter yes, sir. I tried this .autoload({ jquery: ['$', 'jQuery', 'window.jQuery', 'window.$'], })
Peter Müller
@Munter
These are all artifacts from quite old ways of doing modules through the global scope. That does indeed require quite some extra legwork
Alex Barker
@kwhat
and this mix.webpackConfig({ plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', 'window.$': 'jquery' }), ] });
What is "old?" We talking < 3 months?
Peter Müller
@Munter
10+ years
Alexander Akait
@alexander-akait
Why you add .autoload({ jquery: ['$', 'jQuery', 'window.jQuery', 'window.$'], })?
Alex Barker
@kwhat
Sorry, this stuff changes more regularly than my underpants and all these things I have tried are the only answers/docs I could find.
Alexander Akait
@alexander-akait
You need only ProvidePlugin
Alex Barker
@kwhat
is this ProvdePlugin different from mix.webpackConfig({ plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', 'window.$': 'jquery' }), ] });?
Peter Müller
@Munter
Do you have any way of seeing what your tool abstraction around webpack generates as its configuration for webpack? That would be useful
Alex Barker
@kwhat
When I try that webpackConfig ProviderPlugin I get "Uncaught ReferenceError: $ is not defined". Not really, not that I am aware of... This is the best you get: https://github.com/JeffreyWay/laravel-mix/tree/master/src