How to correctly connect jquery to the assembly?

Question

webpack

webpack.config.js:

'use strict';

const NODE_ENV = process.env.NODE_ENV || 'dev';
const webpack = require('webpack');
module.exports = {
    entry: './js/main',
    output: {
        filename: './js/app.js'
    },
    // watch: NODE_ENV == 'dev',
    plugins: [
        new webpack.EnvironmentPlugin('NODE_ENV')
    ],
    resolve: {
        alias: {
            jquery: "jquery/src/jquery"
        }
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel?presets[]=es2015'
            }
        ]
    }
};

Installed jquery via npm: npm i jquery . After that, I type webpack in the terminal , but, in app.js, jquery is not connected. What am I doing wrong?

Answer 1

I hope app.js has require('jquery') :-)
In plugins , you can try to add ProvidePlugin , specifying jQuery alternative names , so that webpack treats these names as jQuery :

plugins: [
  new webpack.EnvironmentPlugin('NODE_ENV'),

  new webpack.ProvidePlugin({
    '$': 'jquery',
    'jQuery': 'jquery'
  })
]

There is no need to specify jQuery in alias . But adding node_modules to modulesDirectories might help:

resolve: {
  modulesDirectories: ['./', 'node_modules'],
  // ...
}