如何缩小包含css代码的javascript文件

我有这个javascript代码，我想缩小它。用户应该把它嵌入他们网站的头部。它完全是用javascript编写的。然而，我在js文件中嵌入了css代码。我试图缩小网站，但它不断抛出错误

---

File index.js:意外字符“`”（第1行，第13列）

我正在使用Koala缩小文件。当我试图缩小你的代码，我得到了一个反向撇号错误。但是，在使用Harmony ES6选项后，一切都进行得很顺利，效果如下：

var styles=" \n.info{\ndisplay: flex;\ncolor: black;\nfont-size: xx-small;\nmargin-left: 5px;\n}\n\n.text{\n  margin-top: 12;\n}\n\n.verification {\n        display: flex;\n        flex-direction: horizontal;\n        justify-content: center;\n        align-items: center;\n        width: 80px;\n        height: 50px;\n        background-color: white;\n        color: white;\n        padding: 6px 6px;\n        margin: 8px 0;\n        border: 1px solid green;\n        border-radius: 4px;\n        cursor: pointer;\n        z-index: 500px;\n       // opacity: 0.5;\n       box-shadow: 5px 5px #d0dcd0;\n        \n}\n\n.link {\n    text-decoration: none;\n    color: green;\n}\n\n",styleSheet=document.createElement("style");styleSheet.type="text/css",styleSheet.innerText=styles,document.head.appendChild(styleSheet),window.onload=function(){var n=document.createElement("div");n.style.position="absolute",n.style.left="10px",n.style.bottom="10px",n.innerHTML="<div class='verification'><div class='img'><img height='30px' src='https://upload.wikimedia.org/wikipedia/commons/a/ab/Android_O_Preview_Logo.png' /></div><div class='info'><p > Verified by Champ <a class='link' href='#'>Learn more</a> </p</div><div>";var e=document.body.lastChild;document.body.insertBefore(n,e.nextSibling)};

var styles=“\n.info{\n显示：flex；\n颜色：黑色；\n字体大小：xx小；\n左边缘：5px；\n}\n\n.text{\n页边空白顶部：12；\n}\n\n{\n显示：flex；\n flex方向：水平；\n对齐内容：中心；\n对齐项目：中心；\n宽度：80px；\n高度：50px；\n背景色：白色；\n颜色：白色；\n填充：6px 6px；\n边距：8px 0；\n边框：1px纯绿色；\n边框半径：4px；\n光标：指针；\n z-index:500px；\n//不透明度：0.5；\n方框阴影：5px 5px\d0dcd0；\n\n}\n\n.link{\n文本装饰：无；\n颜色：绿色；\n}\n\n\n，“样式表=文档.createElement（“样式”）；样式表.type=“text/css”，样式表.innerText=样式，document.head.appendChild（样式表），window.onload=函数（）{var n=document.createElement（“div”）；n.style.position=“绝对”，n.style.left=“10px”，n.style.bottom=“10px”，n.innerHTML=“由Champ验证I使用此工具是可以的

var styles=“\n.info{\n显示：flex；\n颜色：黑色；\n字体大小：xx小；\n左边缘：5px；\n}\n\n.text{\n页边空白顶部：12；\n}\n\n{\n显示：flex；\n flex方向：水平；\n对齐内容：中心；\n对齐项目：中心；\n宽度：80px；\n高度：50px；\n背景色：白色；\n颜色：白色；\n填充：6px 6px；\n边距：8px 0；\n边框：1px纯绿色；\n边框半径：4px；\n光标：指针；\n z-index:500px；\n//不透明度：0.5；\n方框阴影：5px 5px\d0dcd0；\n\n}\n\n.link{\n文本装饰：无；\n颜色：绿色；\n}\n\n\n，“样式表=文档.createElement（“样式”）；样式表.type=“text/css”，样式表.innerText=样式，document.head.appendChild（样式表），window.onload=函数（）{var n=document.createElement（“div”）；n.style.position=“绝对”，n.style.left=“10px”，n.style.bottom=“10px”，n.innerHTML=“由Champ验证
var styles="\n.info{\ndisplay: flex;\ncolor: black;\nfont-size: xx-small;\nmargin-left: 5px;\n}\n\n.text{\n  margin-top: 12;\n}\n\n.verification {\n        display: flex;\n        flex-direction: horizontal;\n        justify-content: center;\n        align-items: center;\n        width: 80px;\n        height: 50px;\n        background-color: white;\n        color: white;\n        padding: 6px 6px;\n        margin: 8px 0;\n        border: 1px solid green;\n        border-radius: 4px;\n        cursor: pointer;\n        z-index: 500px;\n       // opacity: 0.5;\n       box-shadow: 5px 5px #d0dcd0;\n        \n}\n\n.link {\n    text-decoration: none;\n    color: green;\n}\n\n",styleSheet=document.createElement("style");styleSheet.type="text/css",styleSheet.innerText=styles,document.head.appendChild(styleSheet),window.onload=function(){var n=document.createElement("div");n.style.position="absolute",n.style.left="10px",n.style.bottom="10px",n.innerHTML="<div class='verification'><div class='img'><img height='30px' src='https://upload.wikimedia.org/wikipedia/commons/a/ab/Android_O_Preview_Logo.png' /></div><div class='info'><p > Verified by Champ <a class='link' href='#'>Learn more</a> </p</div><div>";var e=document.body.lastChild;document.body.insertBefore(n,e.nextSibling)};