我正在尝试创建一个用Typescript编写的电子网页应用程序。我在构建应用程序时遇到了一些问题。具体地说,我不确定如何组合:tsc
(将我的.ts
文件转换为.js
)和electron dist/main.js
。可能,我想运行npm start
,它首先编译我的.ts
文件,然后运行电子。有谁能评论一下实现这一目标的最佳方法是什么?
发布于 2018-10-15 04:46:24
使用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
发布于 2018-10-15 05:41:16
我建议使用https://webpack.electron.build/。它提供了在https://webpack.electron.build/add-ons#typescript中添加typescript支持的说明
https://stackoverflow.com/questions/52806805
复制相似问题