首页 > 解决方案 > 无法将资产文件夹复制到电子类型中的 dist,需要有关 package.json 的帮助

问题描述

我对 Electron 和 TypeScript 比较陌生。我可以使用 Typescript 运行简单的电子应用程序。

现在我想使用启动画面。当我手动将图像复制到 dist 文件夹时,启动画面出现并且一切正常。如何使用yarn build命令构建应用程序,以便将 assets 文件夹复制到 dist 文件夹。我的领导说副本应该适用于所有平台。我尝试过使用以下 package.json 文件。它不是一个 Angular 项目。这是一个简单的项目。

{
  "name": "electron-quick-start-typescript",
  "version": "1.0.0",
  "description": "A minimal Electron application written with Typescript",
  "scripts": {
    "copy": "npm run copy:assets",
    "copy:assets": "cp -r assets/* dist",
    "build1": "tsc -p tsconfig.json && npm run copy",
    "build": "tsc -p tsconfig.json",
    "build:watch": "tsc -p tsconfig.json --watch",
    "copy:assets1": "copy -R /assets dist/assets/",
    "copy-files": "xcopy ./assets/*.* ./dist/assets",
    "build11": "tsc",
    "watch": "tsc -w",
    "lint": "tslint -c tslint.json -p tsconfig.json",
    "start": "npm run build && electron ./dist/main.js"
  },
  "repository": "https://github.com/electron/electron-quick-start-typescript",
  "build": {
    "extraResources": [
      {
        "from": "./src/assets/",
        "to": "dist",
        "filter": [
          "**/*"
        ]
      }
    ]
  },
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo",
    "typescript"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^9.0.4",
    "tslint": "^6.1.2",
    "typescript": "^3.9.5",
    "@trodi/electron-splashscreen": "1.0.0",
    "babel-cli": "^6.11.4",
    "babel-preset-es2015": "^6.9.0",
    "browser-sync": "^2.14.0"
  }
}

标签: node.jstypescriptelectron

解决方案


推荐阅读