我开始使用Electron,并下载了入门示例项目,它的时钟约为150MB。
电子项目的准系统是什么?我可以删除node_modules文件夹吗?我最终将需要调用一个过程,仅此而已。
答案 0 :(得分:0)
使用webpack并仅提供应用程序所需的依赖项。
另外,使用Provider.of<Chat>(context)
复制所需的文件,这些文件不会通过webpack捆绑在一起。
请勿运送整个copy-webpack-plugin
文件夹。
示例Webpack配置-
node_modules
因此,以上创建了一个 const path = require('path');
var CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
entry: {
main: './main.ts',
renderer: './src/renderer.js',
},
devtool: 'inline-source-map',
output: {
filename: "[name].js",
path: path.resolve(__dirname, 'public')
},
resolve: {
extensions: [".tsx", ".ts", ".js"]
},
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ["es2015", "react"]
}
}
},
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/
}
]
},
target: "electron-main",
bail: true,
node: {
__dirname: false,
__filename: false
},
plugins: [
new CopyWebpackPlugin([
{ from: './index.html' }
])
]
};
文件夹,这是您最终的捆绑输出。