Webpack - 无法使用 $.getScript 加载 bundle.js

Question

I'm trying to load bundle.js which contains the code compiled through webpack using jquery $.getScript .我正在尝试加载 bundle.js，其中包含使用 jquery $.getScript通过 webpack 编译的代码。 However, it display blank page.但是，它显示空白页。 But when I tried regular script tag then it works.但是当我尝试使用常规脚本标签时，它就起作用了。 The reason for using $.getScript is because I have two environments and I want to load additional scripts only during production environment.使用$.getScript的原因是因为我有两个环境，我只想在生产环境中加载额外的脚本。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Single Page Program Demo</title>

    <script src="../Programs/2999/js/jquery-2.2.3.min.js"></script>
    <script>
        /* Environment - (options: development / production) */
        var env = 'development';

        /* Load all scripts related to pi shell integration in sequence */
        $.getMultiScripts = function(arr, path) {
            var _arr = $.map(arr, function(scr) {
                return $.getScript( (path||"") + scr );
            });

            _arr.push($.Deferred(function( deferred ){
                $( deferred.resolve );
            }));

            return $.when.apply($, _arr);
        }

        var script_arr;

        if (env == 'production'){

            script_arr = [
                'jquery-2.2.3.min.js', 
                'json2.js', 
                'jquery.validate.min.js',
                'PIH.PIPlatform.ClientSideStorage.js',
                'jquery.idletimer.js',
                'jquery.idletimeout.js',
                'DataTransfer.js',
                'pi_utility.js',
                'pi_data.js',
                'bundle.js'
            ];
        } 

        else {
            script_arr = [
                'bundle.js'
            ];
        }

        $.getMultiScripts(script_arr, '../Programs/2999/js/').done();
    </script>
</head>

<body>
    <div id="app"></div>

    <!-- This works -->
    <!-- <script src="../Programs/2999/js/bundle.js"></script> -->
</body>

</html>

Answer 1

也许使用RequireJS来管理你的脚本会更好。

Webpack - 无法使用 $.getScript 加载 bundle.js

问题描述

1 个解决方案

解决方案1
1 2016-05-11 09:12:56

Webpack - 无法使用 $.getScript 加载 bundle.js

问题描述

1 个解决方案

解决方案1 1 2016-05-11 09:12:56

解决方案1
1 2016-05-11 09:12:56