Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 15:48
    webpack-bot labeled #15838
  • 15:48
    Lete114 opened #15838
  • 02:05

    dependabot[bot] on npm_and_yarn

    (compare)

  • 02:05
    dependabot[bot] closed #15750
  • 02:05
    webpack-bot labeled #15836
  • 02:05
    dependabot[bot] labeled #15836
  • 02:05
    dependabot[bot] opened #15836
  • 02:05

    dependabot[bot] on npm_and_yarn

    Bump @babel/core from 7.17.0 to… (compare)

  • 02:03

    dependabot[bot] on npm_and_yarn

    (compare)

  • 02:03
    dependabot[bot] closed #15083
  • 02:03
    webpack-bot labeled #15835
  • 02:03

    dependabot[bot] on npm_and_yarn

    Bump @babel/preset-react from 7… (compare)

  • 02:03
    dependabot[bot] labeled #15835
  • 02:03
    dependabot[bot] opened #15835
  • May 16 13:29
    snitin315 edited #15834
  • May 16 13:29
    webpack-bot labeled #15834
  • May 16 13:29
    snitin315 opened #15834
  • May 16 02:05

    dependabot[bot] on npm_and_yarn

    (compare)

  • May 16 02:05

    dependabot[bot] on npm_and_yarn

    Bump eslint-plugin-jest from 24… (compare)

  • May 16 02:05
    dependabot[bot] closed #15705
Alexander Akait
@alexander-akait
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
Alexander Akait
@alexander-akait
I think reproducible test repo help to solve problem
Alex Barker
@kwhat
Yah, I think going back to C is probably a better long term solution. The last 3 years have really just destroyed everything I have ever enjoyed about development.
It seems to just get more and more complex with a lot of on paper benefits that never materialize. You guys seem to enjoy this stuff, so please keep it. It makes the rest of us want to kill ourselves.