Electron 在.asar外部存储css和图形

Electron 在.asar外部存储css和图形,electron,electron-packager,Electron,Electron Packager,我有一个电子应用程序,当使用时,需要打包成asar。另一方面,CSS和图形在使用时有时需要更改。因此,我需要通过--ignore参数从打包中排除一些文件,并手动将解包的文件复制到文件夹中,以便轻松更改它们。因此,我的CSS的所有路径都需要重写 但是,应用程序在我的开发环境中无法工作,因为如果没有打包,这些路径就不存在 有谁知道一个解决方案,我可以在两种环境中访问CSS和图形文件-打包和解包 您可以使用来检查应用程序是否在开发环境中运行或是否在生产环境中运行。然后使用对应的文件路径 大致如下: c

我有一个电子应用程序,当使用时,需要打包成asar。另一方面,CSS和图形在使用时有时需要更改。因此,我需要通过
--ignore
参数从打包中排除一些文件,并手动将解包的文件复制到文件夹中,以便轻松更改它们。因此,我的CSS的所有路径都需要重写

但是,应用程序在我的开发环境中无法工作,因为如果没有打包,这些路径就不存在

有谁知道一个解决方案,我可以在两种环境中访问CSS和图形文件-打包和解包

您可以使用来检查应用程序是否在开发环境中运行或是否在生产环境中运行。然后使用对应的文件路径

大致如下:

const isDev = require('electron-is-dev')

if (isDev) {
  //use development path (unpacked)
} else {
  // use production path (packed)
}

这对于JS文件来说是个好主意,但也有其局限性。我的CSS文件在HTML头部被引用,比如CSS文件中的背景图形,我不能使用JS。你可以有2个文件,每个路径一个文件,一个用于开发,另一个用于生产。缺点是您必须单独维护每个副本。您可以创建一个小脚本,在更改路径时监视一个文件并更新另一个文件。这就是我试图避免的。有几个CSS文件几乎每天都在更改-将它们分开会导致错误。