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

12:26

sokra synchronize #13340
12:26

sokra on coverage

fix coverage for child process (compare)
12:08

webpack-bot labeled #13340
10:53

sokra synchronize #13340
10:52

sokra on coverage

WIP (compare)
10:52

sokra synchronize #13340
10:52

sokra on coverage

fix coverage for child process (compare)
09:34

webpack-bot labeled #13349
08:34

sokra synchronize #7075
08:34

sokra on npm_and_yarn

(compare)
08:34

sokra on master

chore(deps-dev): bump typescrip… update declarations Merge pull request #13344 from … (compare)
08:34

sokra closed #13344
08:34

sokra synchronize #7075
08:34

sokra on npm_and_yarn

(compare)
08:34

sokra on master

chore(deps-dev): bump eslint fr… Merge pull request #13352 from … (compare)
08:34

sokra closed #13352
08:33

sokra synchronize #7075
08:33

sokra on master

chore(deps): [security] bump ha… Merge pull request #13319 from … (compare)
08:33

sokra on npm_and_yarn

(compare)
08:33

sokra closed #13319

Evilebot Tnawi

@evilebottnawi

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

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

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

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

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

Evilebot Tnawi

@evilebottnawi

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