我有一个可以打开内容新窗口的应用程序。我需要该窗口的特殊CSS。

打开窗口的代码是这样的:

var Printwindow = window.open("","","width=360,height=188");
    var cssFile = Printwindow.document.createElement("link");
    cssFile.rel = "stylesheet";
    cssFile.type = "text/css";
    cssFile.href = "../../content/label.css";

    Printwindow.document.write("<head>" + cssFile.outerHTML + "</head><body onload='window.print();'>" + this.label.innerHTML + "</body>");
    Printwindow.document.close();
    Printwindow.focus();


当我只是在localhost中运行label.css时。但是当我构建它并将其部署到服务器时,它丢失了。如何将这个label.css包含在捆绑包中,以便它可以找到它?

最佳答案

如果您使用的是webpack,则应引用该文件,以便webpack找到它:

cssFile.href = PLATFORM.moduleName("../../content/label.css");


并导入PLATFORM:

import {PLATFORM} from 'aurelia-pal';


希望能帮助到你。

07-28 09:34