如何检测webpack在重新编译时使用了哪个编译选项
我有以下脚本
const WebpackDevServer = require('webpack-dev-server')
const webpack = require('webpack')
const electroner = require('electroner')
const packageJson = require('../package')
const config = require('./webpack.config')
const options = {
port: 3000,
contentBase: './dist',
hot: true,
overlay: true,
after: function (app, server) {
const window = electroner(`${__dirname}/../${packageJson.main}`, {
'enable-transparent-visuals': true,
'disable-cpu': true
})
window.on('close', () => {
server.close()
})
},
stats: 'errors-only'
}
WebpackDevServer.addDevServerEntrypoints(config, options)
const compiler = webpack(config)
const server = new WebpackDevServer(compiler, options)
server.listen(3000, 'localhost', () => {
console.log('dev server listening on port 3000')
})
“ config”变量包含/指向两个webpack配置(一个用于电子应用程序的主要配置,另一个用于电子应用程序的渲染器脚本。)>
我想实现的是,我只想在重新编译主脚本成功后才重新启动电子过程。
我已经阅读了有关钩子的一个星期,但我相信它们对实现上述目标没有帮助。
我正在寻找这样的解决方案:
compiler.on('compile', (stats) => { if(stats.details === 'main.js'){ // logic to restart electron process here. } })
任何提示将不胜感激。
我有以下脚本const WebpackDevServer = require('webpack-dev-server')const webpack = require('webpack')const electronicer = require('electroner')const packageJson = require('../ package'。 ..
回答如下:通过以下方法实现了我想要的行为
如何检测webpack在重新编译时使用了哪个编译选项
我有以下脚本
const WebpackDevServer = require('webpack-dev-server')
const webpack = require('webpack')
const electroner = require('electroner')
const packageJson = require('../package')
const config = require('./webpack.config')
const options = {
port: 3000,
contentBase: './dist',
hot: true,
overlay: true,
after: function (app, server) {
const window = electroner(`${__dirname}/../${packageJson.main}`, {
'enable-transparent-visuals': true,
'disable-cpu': true
})
window.on('close', () => {
server.close()
})
},
stats: 'errors-only'
}
WebpackDevServer.addDevServerEntrypoints(config, options)
const compiler = webpack(config)
const server = new WebpackDevServer(compiler, options)
server.listen(3000, 'localhost', () => {
console.log('dev server listening on port 3000')
})
“ config”变量包含/指向两个webpack配置(一个用于电子应用程序的主要配置,另一个用于电子应用程序的渲染器脚本。)>
我想实现的是,我只想在重新编译主脚本成功后才重新启动电子过程。
我已经阅读了有关钩子的一个星期,但我相信它们对实现上述目标没有帮助。
我正在寻找这样的解决方案:
compiler.on('compile', (stats) => { if(stats.details === 'main.js'){ // logic to restart electron process here. } })
任何提示将不胜感激。
我有以下脚本const WebpackDevServer = require('webpack-dev-server')const webpack = require('webpack')const electronicer = require('electroner')const packageJson = require('../ package'。 ..
回答如下:通过以下方法实现了我想要的行为