我有 3 個 javascript 代碼，我想將它們全部合并到一個 .js 檔案中，然后包含在我的網站中
代碼 1：
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-51600756-89"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-51600756-89');
</script>
代碼 2：
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/" i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "9zvbjor3cz");
</script>
代碼 3：
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/61d019a4c82c976b71c45176/1foae9bkb';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
我merge.js通過洗掉<script>標簽將所有三個代碼添加到一個檔案中。
合并代碼（merge.js）：
// Global site tag (gtag.js) - Google Analytics
async src="https://www.googletagmanager.com/gtag/js?id=UA-51600756-89";
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-51600756-89');
// Microsoft Clarity
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/" i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "9zvbjor3cz");
//Start of Tawk.to Script
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/61d019a4c82c976b71c45176/1foae9bkb';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
然后將其添加到我的網站：
<script type="text/javascript" src="merge.js"></script>
為什么這不起作用？。對不起，如果我錯了，我是編碼世界的新手:)。
uj5u.com熱心網友回復：
指南：https : //www.geeksforgeeks.org/how-to-include-a-javascript-file-in-another-javascript-file/
解決方案 ：
function include(file) {
var script = document.createElement('script');
script.src = file;
script.type = 'text/javascript';
script.defer = true;
document.getElementsByTagName('head').item(0).appendChild(script);
}
/* Include Many js files */
include('https://example.com/example.js');
include('https://example.com/example2.js');
uj5u.com熱心網友回復：
使用Webpack。
例子：
假設你有一個名為的 JS 檔案 adding.js
function subtracting(x, y) {
return x - y;
}
module.exports = subtracting;
另一個 JS 檔案稱為 subtracting.js
function subtracting(x, y) {
return x - y;
}
module.exports = subtracting;
以及main.js呼叫上述兩個檔案的檔案。
var adding = require('./adding');
var subtracting = require('./subtracting');
console.log("Adding: " adding(3, 2));
console.log("Subtracting: " subtracting(3, 2));
現在，您可以使用 Webpack 將main.js檔案編譯成bundle.js如下檔案。
webpack main.js bundle.js
現在你只需要bundle.js在你的代碼中匯入它。例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script src="bundle.js"></script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/400023.html