Использование JQuery в базовом приложении angular asp.net

Question

Я пытаюсь использовать методы начальной загрузки в пользовательской директиве в основном угловом веб-приложении asp.net. Однако, когда я запускаю приложение, я получаю сообщение об ошибке «jQuery не определен» в main-client.js.

Если я изменю webpack.config.js для добавления плагина webPack.ProvidePlugin, проблема исчезнет.

module.exports = (env) => {
    ...
    const sharedConfig = {        
        plugins: [
            new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }), // Maps these identifiers to the jQuery package (because Bootstrap expects it to be a global variable)
            new CheckerPlugin()
        ]
    };
    ...
};

Однако этот плагин уже существует в webpack.config.vendor.js. Почему мне нужно добавить его снова?

Answer 1

Здравствуйте, вы можете добавить этот загрузчик:

    /**
     * Special loading issue. to expose something as window.something in browser side.
     *
     * Reference : https://github.com/webpack-contrib/expose-loader
     */
    { test: require.resolve("jquery"), loader: "expose-loader?$!expose-loader?jQuery" }