首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >电子打字脚本:捆绑一切

电子打字脚本:捆绑一切
EN

Stack Overflow用户
提问于 2018-10-15 04:27:01
回答 2查看 823关注 0票数 0

我正在尝试创建一个用Typescript编写的电子网页应用程序。我在构建应用程序时遇到了一些问题。具体地说,我不确定如何组合:tsc (将我的.ts文件转换为.js)和electron dist/main.js。可能,我想运行npm start,它首先编译我的.ts文件,然后运行电子。有谁能评论一下实现这一目标的最佳方法是什么?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-10-15 04:46:24

使用ts-loader和webpack捆绑配置.ts文件,如下所示:

代码语言:javascript
复制
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脚本中包含以下内容:

代码语言:javascript
复制
{
    "build-watch": "webpack -w",
    "electron": "electon dist/main.js"
}

然后开始使用npm-run-all (或任何其他工具,如concurrently),

代码语言:javascript
复制
npm-run-all start build-watch electron
票数 0
EN

Stack Overflow用户

发布于 2018-10-15 05:41:16

我建议使用https://webpack.electron.build/。它提供了在https://webpack.electron.build/add-ons#typescript中添加typescript支持的说明

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52806805

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档