我有一个使用 Webpack 2 构建的电子应用程序。我有一个自定义模块 ( mymodule
),我想成为其他包引用的单独包。问题是当我在CommonsChunkPlugin
我的主进程中使用时,电子在应用程序启动时锁定。我可以看到电子徽标出现在文档中,但窗口从未出现。
请注意,它不一定是我编写的模块,我可以使用lodash
并CommonsChunkPlugin
获得相同的结果。
有趣的是,如果我CommonsChunksPlugin
以相同的方式使用渲染器进程,一切正常。
我整理了一个简单的电子应用程序来显示这个问题。
github repo 提供了有关情况的更多详细信息,但这里是重要部分:
电子主要流程:
const mymod = require('./mymodule')
app.on('ready', function() {
console.log(mymod.abc);
mainWindow = new BrowserWindow({width: 800, height: 600});
mainWindow.loadURL(url.format({
pathname: require('./index.html')
}));
});
主要的 webpack 配置:
entry: {
main: path.join(__dirname, './main.js'),
mymod: ['./mymodule']
},
output: {
path: __dirname + '/build/',
publicPath: __dirname + '/build/',
filename: '[name].bundle.js'
},
plugins: [
new webpack.optimize.CommonsChunkPlugin('mymod')
]
在这种状态下,应用程序将无法运行。如果您然后进入webpack.main.js
文件并注释掉CommonsChunkPlugin
这些行中的使用,它将开始工作:
entry: {
main: path.join(__dirname, './main.js'),
// mymod: ['./mymodule']
},
output: {
path: __dirname + '/build/',
publicPath: __dirname + '/build/',
filename: '[name].bundle.js'
},
plugins: [
// new webpack.optimize.CommonsChunkPlugin('mymod')
]
这是我的环境信息:
MacOS: 10.12.6
node: v6.11.0
npm: 3.10.10
electron: v1.6.12
wepback2: 3.5.5
那么这里发生了什么?这是电子、webpack 或我的代码的错误吗?