Пространство имен отсутствует в глобальной области видимости при связывании с веб-пакетом

Question

Это мой webpack.config. js файл:

const path = require('path');
var webpack = require("webpack");

module.exports = {
    entry: {
        mainjs: path.resolve('../app/src/main.js')
    },
    output: {
        path: path.resolve('./dist'),
    },
    module: {
        rules: [
            {
                test: require.resolve('jquery'),
                use: [{
                    loader: 'expose-loader',
                    options: 'jQuery'
                },
                {
                    loader: 'expose-loader',
                    options: '$'
                }]
            }                   
        ]
    }
};

Вот мой основной. js файл:

require('../../Scripts/jquery-2.1.1.min.js')
require('../../js/dhtmlxgrid/grid-settings.js')

А вот сеточные настройки . js file:

(function (myProject, $) {
    myProject.GridSettings = (function() {

        var initGridSettings = function () {
            //doSomething();
        }

        return {
            InitGridSettings: initGridSettings
        };

   }());
}(window.MyProject = window.MyProject || {}, jQuery));

На мой взгляд, я включаю такой файл:

@Scripts.Render("~/node_modules/dist/mainjs.js")

Это приводит к тому, что основной. js файл будет минимизирован и в папка dist и успешно загружена в приложение. Я вижу его на вкладке Сеть, он загружается.

Но когда я отлаживаю, я не вижу MyProject в глобальной области видимости. Чего мне не хватает?