如何在 pyinstaller 中添加静态（html、css、js 等）文件以创建独立的 exe 文件？

Question

我正在使用 QtWebEngineWidgets,QtWebChannel创建 PyQt5 应用程序，它使用 HTML、CSS、JavaScript。

它工作正常，当我们以一般方式运行时，即， python main.py

导入 HTML 如下，

current_dir = os.path.dirname(os.path.realpath(__file__))
filename = os.path.join(current_dir, "index.html")
url = QtCore.QUrl.fromLocalFile(filename)

导入 CSS、JavaScript 文件如下，

# in index.html
<link rel="stylesheet" href="styles.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_custom.js"></script>

现在，我正在尝试.exe使用pyinstaller.

我从这里尝试过但没有成功。

def resource_path(relative_path):
    """ Get absolute path to resource, works for dev and for PyInstaller """
    try:
        # PyInstaller creates a temp folder and stores path in _MEIPASS
        base_path = sys._MEIPASS
    except Exception:
        base_path = os.path.abspath(".")

    return os.path.join(base_path, relative_path)

pyinstaller 命令：

pyinstaller --onefile --windowed main.py

我需要在生成的.exe文件中手动添加静态文件才能按预期工作。我想将它包含在.exe文件本身中。如何得到这个？

Answer 1

根据您的问题，您可以假设您的项目结构如下：

\n\n

\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.html\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 jquery.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 main.py\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 my_custom.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 styles.css\n

\n\n

对于您的情况，有 2 个选项：

\n\n

\n

1. 使用--add-data

   \n\n

   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.html\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 jquery.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 main.py\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 my_custom.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 styles.css\n

   \n\n

   如果要将外部资源添加到可执行文件，则必须使用“--add-data”选项：

   \n\n

   pyinstaller --onefile --windowed --add-data="index.html:." --add-data="jquery.js:." --add-data="my_custom.js:." --add-data="styles.css:." main.py\n

   \n\n

   对于 Windows，将“:”更改为“;”。

\n

2. 使用.qrc

   \n\n

   使用此方法，您将使用 Pyrcc5 将文件（.html、.css、.js 等）转换为 .py 代码，为此您必须遵循以下步骤：

   \n\n

   2.1. 在项目文件夹中创建一个名为 resources.qrc 的文件，其中包含以下内容：

   \n\n

   <RCC>\n    <qresource prefix="/">\n        <file>index.html</file>\n        <file>jquery.js</file>\n        <file>my_custom.js</file>\n        <file>styles.css</file>\n    </qresource>\n</RCC>\n

   \n\n

   2.2 使用pyrcc5将其转换为.py：

   \n\n

   pyrcc5 resource.qrc -o resource_rc.py\n

   \n\n

   2.3 导入resource_rc.py文件并在main.py文件中使用schema为“qrc”的url：

   \n\n

   import os\nimport sys\n\nfrom PyQt5 import QtCore, QtWidgets, QtWebEngineWidgets\n\n\ndef resource_path(relative_path):\n    """ Get absolute path to resource, works for dev and for PyInstaller """\n    try:\n        # PyInstaller creates a temp folder and stores path in _MEIPASS\n        base_path = sys._MEIPASS\n    except Exception:\n        base_path = os.path.abspath(".")\n\n    return os.path.join(base_path, relative_path)\n\n\nif __name__ == "__main__":\n    import sys\n\n    app = QtWidgets.QApplication(sys.argv)\n    view = QtWebEngineWidgets.QWebEngineView()\n\n    filename = resource_path("index.html")\n    url = QtCore.QUrl.fromLocalFile(filename)\n\n    view.load(url)\n    view.show()\n    sys.exit(app.exec_())\n

   \n\n

   2.4 使用初始命令编译项目

   \n\n

   pyinstaller --onefile --windowed main.py\n

\n

\n