Электрон-машинопись: все вместе

Question

Я пытаюсь создать веб-приложение, используя электрон, написанный на Typescript.У меня проблемы при создании приложения.В частности, я не уверен, как объединить: tsc (чтобы преобразовать мой .ts файл в .js), а затем electron dist/main.js.Потенциально я хочу запустить npm start, который сначала компилирует мой файл .ts, а затем запускает электрон.Кто-нибудь может прокомментировать, что будет лучшим подходом для достижения этой цели?

Answer 1

Я бы предложил использовать https://webpack.electron.build/. Здесь есть инструкции по добавлению поддержки машинописи https://webpack.electron.build/add-ons#typescript

Answer 2

Используйте ts-loader с веб-пакетом для объединения .ts файлов с конфигурацией, как показано ниже,

const path = require("path")
module.exports = {
  entry: './src/index.ts',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/
      }
    ]
  },
  resolve: {
    extensions: [ '.tsx', '.ts', '.js' ]
  },
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
};

, а затем в ваш скрипт npm включите их,

{
    "build-watch": "webpack -w",
    "electron": "electon dist/main.js"
}

затем начните оба, используя npm-run-all (или любой другой инструмент, например одновременно ),

npm-run-all start build-watch electron