Question

我正在尝试使用用Typescript编写的电子来创建Web应用程序。我在构建应用程序时遇到问题。具体来说，我不确定如何合并：tsc（将我的.ts文件转换为.js）然后再合并electron dist/main.js。潜在地，我想运行npm start，它首先编译我的.ts文件，然后运行电子文件。任何人都可以评论实现此目标的最佳方法是什么？

Answer 1

将ts-loader与webpack结合使用，以如下配置捆绑.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（或其他任何工具，例如concurrently）

npm-run-all start build-watch electron

Answer 2

我建议使用https://webpack.electron.build/。 https://webpack.electron.build/add-ons#typescript

上有添加打字稿支持的说明。

电子打字稿：捆绑一切

2 个答案: