scratch-gui被scratch-desktop打包后index.ejs静态css路径访问不到

查了官方electron对于静态资源的相关说法，发现了__static这个关键字，由于css是在scratch-gui中的试了传说中的electron的__static，发现并没有什么用，只是把相对路径，改为了绝对路径，还是依然不起效果。

考虑到scratch-gui在scracth-desktop中作为renderer使用

index.html内容如下:

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
      <script>require("source-map-support/source-map-support.js").install()</script><link href="styles.css" rel="stylesheet"></head>
      <body>
        <div id="app"></div>
      <script type="text/javascript" src="renderer.js"></script></body>
    </html>

那干脆修改renderer的index.js的内容，将css直接引用到scratch-desktop中:

修改内容如下：

再打包后静态css资源被成功访问。

本文地址： http://gehaiqing.com/2019/09/16/scratch-gui-package-css-not-found/