Javascript Web包-无法加载带有$.getScript的bundle.js
我正在尝试加载bundle.js,其中包含使用jqueryJavascript Web包-无法加载带有$.getScript的bundle.js,javascript,jquery,webpack,Javascript,Jquery,Webpack,我正在尝试加载bundle.js,其中包含使用jquery$.getScript通过webpack编译的代码。但是,它显示空白页。但当我尝试使用正则脚本标记时,它就起作用了。之所以使用$.getScript,是因为我有两个环境,我只想在生产环境中加载其他脚本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
$.getScript
通过webpack编译的代码。但是,它显示空白页。但当我尝试使用正则脚本标记时,它就起作用了。之所以使用$.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>
单页程序演示
/*环境-(选项:开发/生产)*/
var env=‘发展’;
/*按顺序加载与pi shell集成相关的所有脚本*/
$.GetMultiScript=函数(arr,路径){
var\u arr=$.map(arr,函数(scr){
返回$.getScript((路径| |“”)+scr);
});
_arr.push($.Deferred)(函数(Deferred){
$(deferred.resolve);
}));
返回$.when.apply($,_arr);
}
var脚本_arr;
如果(环境==‘生产’){
脚本\u 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'
];
}
否则{
脚本\u arr=[
'bundle.js'
];
}
$.getMultiScript(script_arr,'../Programs/2999/js/').done();
也许使用它来管理您的脚本会更好。请检查此选项是否已在我们的项目中成功使用。您不能绑定两个不同的文件吗?一个用于生产,另一个用于开发?