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

00:12

webpack-bot unlabeled #11275
00:12

webpack-bot labeled #11275
Aug 09 23:50

webpack-bot labeled #11275
Aug 09 23:50

webpack-bot unlabeled #11275
Aug 09 23:50

ScriptedAlchemy synchronize #11275
Aug 09 19:50

vankop synchronize #11299
Aug 09 19:50

vankop on evaluate-new-regexp

increase coverage (compare)
Aug 09 19:42

webpack-bot labeled #11299
Aug 09 19:18

webpack-bot labeled #11299
Aug 09 19:18

vankop opened #11299
Aug 09 19:17

vankop on evaluate-new-regexp

feat: evaluate new RegExp (compare)
Aug 08 20:22

webpack-bot labeled #11298
Aug 08 20:14

webpack-bot labeled #11298
Aug 08 20:14

webpack-bot labeled #11298
Aug 08 20:14

vankop opened #11298
Aug 08 20:02

webpack-bot labeled #11297
Aug 08 19:40

webpack-bot labeled #11297
Aug 08 19:39

vankop opened #11297
Aug 08 19:34

vankop on issue-9485

fix #9485 (compare)
Aug 08 19:12

vankop on issue-9485

fix #9485 (compare)

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.