by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 20:31
    webpack-bot labeled #11275
  • 20:28
    ScriptedAlchemy synchronize #11275
  • 20:27
    webpack-bot labeled #11275
  • 20:27
    ScriptedAlchemy opened #11275
  • 18:16
    webpack-bot labeled #11274
  • 17:43
    roblan synchronize #11274
  • 17:40
    roblan opened #11274
  • 16:25
    sokra synchronize #11271
  • 14:32
    sokra synchronize #7075
  • 14:32

    sokra on npm_and_yarn

    (compare)

  • 14:32

    sokra on master

    chore(deps): bump terser-webpac… update snapshots and deprecatio… remove more expected deprecatio… and 1 more (compare)

  • 14:32
    sokra closed #11270
  • 14:01
    sokra synchronize #7075
  • 14:00

    sokra on feat-support-query-for-asset-modules

    (compare)

  • 14:00

    sokra on master

    feat: support `[query]` for ass… feat: support `[query]` for ass… feat: support `[query]` for ass… and 2 more (compare)

  • 14:00
    sokra closed #10457
  • 14:00
    sokra synchronize #7075
  • 14:00

    sokra on import-async

    (compare)

  • 14:00

    sokra on master

    enable experiments.importAsync … update examples Merge pull request #11267 from … (compare)

  • 14:00
    sokra closed #11267
Alex Barker
@kwhat
did you not see my paste?
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.
Evilebot Tnawi
@evilebottnawi
@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
Evilebot Tnawi
@evilebottnawi
@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
Evilebot Tnawi
@evilebottnawi
@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
Evilebot Tnawi
@evilebottnawi
@kwhat databases is package on npm?
Alex Barker
@kwhat
yes
did you guys not see my paste?
Evilebot Tnawi
@evilebottnawi
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
Evilebot Tnawi
@evilebottnawi
You can have two jquery
Alex Barker
@kwhat
import it twice?
will webpack not pack jquery into jquery.js and datatables.js ?
Evilebot Tnawi
@evilebottnawi
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
Evilebot Tnawi
@evilebottnawi
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.
Evilebot Tnawi
@evilebottnawi
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