最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

如何检测webpack在重新编译时使用了哪个编译选项

运维笔记admin8浏览0评论

如何检测webpack在重新编译时使用了哪个编译选项

如何检测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'。 ..

回答如下:

通过以下方法实现了我想要的行为

发布评论

评论列表(0)

  1. 暂无评论