930 votes
1 answers
php - Webpack usage newbie
Get the solution ↓↓↓
I have read a lot of documentation. But I am still puzzling to start creating 1 big file.
My main page look likes the following (4Mb of script files). These includes are sitting in a webpage.php file. I am able to extract each file name with a PHP script So my idea is generating a webpack config file. Is this indeed the way to go and how will the file look like (with 2 file names I have enough to compile the rest my self :-). My folder structure is like this: The pciture below. I have a bit of two roots one is called ezm (where the file webpage.php resides). The main root holds login.php and some plain (read wo a long list of js files). Must I make a folder ezm_distr and ezm_dev? Given that I have development and production.
Your help is welcomed with open arms!!! Thanks in advance.
<link rel="stylesheet" href="./include/css/themes/jquery.mobile.icons.min.css"/>
<link rel="stylesheet" href="./include/jquery-ui-1.12.1.custom/jquery-ui.min.css"/>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<link rel="stylesheet" href="./include/css/swipe_delete.css"/>
<link rel="stylesheet" href="./include/css/style.css"/>
<link rel="stylesheet" href="./include/css/themes/b4y.css"/>
<link rel="stylesheet" href="./include/css/common.css"/>
<link rel="stylesheet" href="./include/css/risk_address.css"/>
<link rel="stylesheet" href="./include/js/jqwidgets/styles/jqx.base.css" type="text/css"/>
<link rel="stylesheet" href="./include/js/jqwidgets/styles/jqx.energyblue.css" type="text/css"/>
<link rel="stylesheet" href="./include/js/jonthornton-jquery-timepicker-f670370/jquery.timepicker.min.css" type="text/css"/>
<script src="./include/js/jquery/jquery321-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./include/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<!=============================== jq widgets framework=================================>
<script src="./include/js/jqwidgets/jqxcore_full.js"></script>
<script src="./include/js/jqwidgets/jqxdata.js"></script>
<script src="./include/js/jqwidgets/jqxbuttons.js"></script>
<script src="./include/js/jqwidgets/jqxscrollbar.js"></script>
<script src="./include/js/jqwidgets/jqxlistbox.js"></script>
<script src="./include/js/jqwidgets/jqxcombobox.js"></script>
<script src="./include/js/jqwidgets/jqxdropdownlist.js"></script>
<script src="./include/js/jqwidgets/jqxnumberinput.js"></script>
<script src="./include/js/jqwidgets/jqxmenu.js"></script>
<script src="./include/js/jqwidgets/jqxgrid_full.js"></script>
<script src="./include/js/jqwidgets/jqxgrid.edit.js"></script>
<script src="./include/js/jqwidgets/jqxgrid.sort.js"></script>
<script src="./include/js/jqwidgets/jqxgrid.selection.js"></script>
<script src="./include/js/jqwidgets/jqxgrid.columnsresize.js"></script>
<script src="./include/js/jqwidgets/jqxtooltip.js"></script>
<script src="./include/js/jqwidgets/jqxgrid.filter.js"></script>
<script src="./include/js/jqwidgets/jqxdata.export.js"></script>
<script src="./include/js/jqwidgets/jqxgrid.export.js"></script>
<script src="./include/js/jqwidgets/jqxpanel.js"></script>
<script src="./include/js/jqwidgets/jqxcalendar.js"></script>
<script src="./include/js/jqwidgets/jqxdatetimeinput.js"></script>
<script src="./include/js/jqwidgets/jqxcheckbox.js"></script>
<script src="./include/js/jqwidgets/globalization/globalize.js"></script>
<!============================================================================>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="./include/js/config.js"></script>
<script src="./include/js/libv13.js<?php echo "?v=$ts\""; ?>"></script>
<script src="./include/js/jquery.price_format.2.0.min.js"></script>
<script src="./include/date_mask/jquery.maskedinput.min.js"></script>
<script src="./include/js/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js"></script>
<script src="./include/js/querystring.js"></script>
<script src="./include/js/jquery.md5.js"></script>
<script src="./include/js/jquery_punch/jquery_punch.js"></script>
<script src="./include/js/accounting.min.js"></script>
<script src="./include/js/cl_querystring_target.js"></script>
<script src="./include/js/jonthornton-jquery-timepicker-f670370/jquery.timepicker.min.js"></script>
<script src="./include/js/cl_ezpage15.js<?php echo "?v=$ts\""; ?>></script>
<script src="./include/js/cl_filterable.js"></script>
<script src="./include/js/fileupload12.js"></script>
<script src="./include/js/ckeditor/ckeditor.js"></script>
<style>
.ui-listview .ui-li-has-thumb > img:first-child,
.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
.ui-listview .ui-li-has-thumb .ui-li-thumb {
left: 1px;
top: 1px;
max-height: 90px;
max-width: 250px;
}
.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-thumb {
min-height: 0;
padding: .9em 1em .9em 55px;
}
.ui-state-disabled {
opacity: 0.7;
}
.ui-btn.my-tooltip-btn,
.ui-btn.my-tooltip-btn:hover,
.ui-btn.my-tooltip-btn:active {
background: none;
border: 0;
}
.ezli_sel {
color:blue !important;
}
.asso_href_rel_leg {
color:green !important;
}
.asso_href {
float :left;
color:green !important;
}
.asso_href_straight {
float :left;
color:green !important;
}
pre,code{font-family:monospace; }
/* Left transition */
li.left {
-webkit-transition:-webkit-transform 250ms ease;
-webkit-transform: translateX(-100 % );
-moz-transition:-moz-transform 250ms ease;
-moz-transform: translateX(-100 % );
-o-transition:-o-transform 250ms ease;
-o-transform: translateX(-100 % );
transition: transform 250ms ease;
transform: translateX(-100 % );
}
/* Right transition */
li.right {
-webkit-transition:-webkit-transform 250ms ease;
-webkit-transform: translateX(100 % );
-moz-transition:-moz-transform 250ms ease;
-moz-transform: translateX(100 % );
-o-transition:-o-transform 250ms ease;
-o-transform: translateX(100 % );
transition: transform 250ms ease;
transform: translateX(100 % );
}
/* Border bottom for the previous button during the transition*/
li.left a.ui-btn,
li.right a.ui-btn {
border-top-width: 0;
border-left-width: 1px;
border-right-width: 1px;
}
li a.ui-btn.border-bottom {
border-bottom-width: 1px;
}
/* Hide the delete button on touch devices */
ul.touch li.ui-li-has-alt a.delete {
display: none;
}
ul.touch li.ui-li-has-alt a.ui-btn {
margin-right:0;
}
/* Styling for the popup */
#confirm p {
text-align: center;
font-size: inherit;
margin-bottom: .75em;
}
.ui-content {
margin-left :0.75em;
}
.ui-select .ui-btn select{
font-size: 50px !important;
}
</style>
<link rel="stylesheet" href="./include/css/table_browse.css">
John
Undefined asked
430
votes
Answer
Solution:
My compressed code compiled with php tool carabiner is not running :-(
Share solution ↓
Additional Information:
Date the issue was resolved:
Link To Answer People are also looking for solutions of the problem: a non-numeric value encountered in
Didn't find the answer?
Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.
Similar questions
Find the answer in similar questions on our website.
Write quick answer
Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.