Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

webpack/webpack

For questions please post on Stack Overflow and use the 'webpack' tag (http://stackoverflow.com/tags/webpack).

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

http://dpaste.com/0233DYJ

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

Have you used provideplugin? https://webpack.js.org/plugins/provide-plugin/#usage-jquery

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

There is also this: https://laravel-mix.com/docs/4.1/quick-webpack-configuration

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.

Chat via Matrix