Webpack - _未定义

Question

当我运行webpack时， _在窗口上返回undefined： window._ ::: Error: _ is not defined 。 我认为将_放在插件中会将其暴露给window 。 我的理解不正确吗？

const webpack = require('webpack');

const plugins = new webpack.ProvidePlugin({
    $: "jquery",
    _: "underscore"
});

module.exports = {
    entry: {
        app: './src/main/app/components/main.module.js',
        vendor: [
            'jquery',
            'underscore'
        ]
    },
    output: {
        filename: './src/main/resources/dist/app/scripts/[name].bundle.js',
    },
    plugins: [plugins],
    devtool: 'inline-source-map'
};

Answer 1

您是否尝试将其添加为全局变量？ 尝试将此添加到.ts / .js文件中：

window['_'] = require('underscore');

Answer 2

providePlugin用于在webpack包中的其他模块的上下文中使库可用。 例如， providePlugin这种用法：

const plugins = new webpack.ProvidePlugin({
  $: "jquery",
  _: "underscore"
});

将允许通过$变量访问./src/main/app/components/main.module.js jquery库。

如果你想将jquery作为window.$显示给窗口，你可以使用webpack的expose-loader ，或者只是更新你的条目文件中的窗口（main.module.js）：

window.$ = $; //$ is defined via providePlugin
window._ = _; //_ is defined via providePlugin

Answer 3

你是否在索引文件中加载了underscore.js？

<script src = 'https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js'></script>