• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript webpack-hot-middleware类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中webpack-hot-middleware的典型用法代码示例。如果您正苦于以下问题:TypeScript webpack-hot-middleware类的具体用法?TypeScript webpack-hot-middleware怎么用?TypeScript webpack-hot-middleware使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。



在下文中一共展示了webpack-hot-middleware类的6个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: express

import * as open from 'open';
import * as webpackDev from 'webpack-dev-middleware';
import * as webpackHot from 'webpack-hot-middleware';

/* eslint-disable no-console */

const port = 3000;
const app = express();
const compiler = webpack(config);

app.use(webpackDev(compiler, {
  noInfo: true,
  publicPath: config.output.publicPath
}));

app.use(webpackHot(compiler));

app.get('*', function(req, res) {
  res.sendFile(resolve(__dirname, '../../src/index.html'));
});

app.listen(port, function(err) {
  if (err) {
    console.log(err);
  } else {
    open(`http://localhost:${port}`);
  }
});

console.log(`shit happening on port ${port}`);
开发者ID:TienSFU25,项目名称:graphical-memories,代码行数:30,代码来源:startServer.ts


示例2: webpack

import * as express from 'express';
import * as webpack from 'webpack';
import * as webpackHotMiddleware from 'webpack-hot-middleware';

const compiler = webpack({});

let webpackHotMiddlewareInstance = webpackHotMiddleware(compiler);

webpackHotMiddlewareInstance = webpackHotMiddleware(compiler, {
	log: console.log.bind(console),
	path: '/__what',
	heartbeat: 2000,
});

const app = express();
app.use(webpackHotMiddlewareInstance);
开发者ID:AbraaoAlves,项目名称:DefinitelyTyped,代码行数:16,代码来源:webpack-hot-middleware-tests.ts


示例3: Webpack

const addDevMiddlewares = (app: Express.Application, webpackConfig: Webpack.Configuration) => {
  const compiler = Webpack(webpackConfig);
  const middleware = WebpackDevMiddleware(compiler, {
    noInfo: true,
    publicPath: webpackConfig.output.publicPath,
    silent: true,
    stats: 'errors-only',
  });

  app.use(middleware);
  app.use(WebpackHotMiddleware(compiler));

  // Since webpackDevMiddleware uses memory-fs internally to store build
  // artifacts, we use it instead
  const fs = middleware.fileSystem;

  if (Pkg.dllPlugin) {
    app.get(/\.dll\.js$/, (req, res) => {
      const filename = req.path.replace(/^\//, '');
      res.sendFile(Path.join(process.cwd(), Pkg.dllPlugin.path, filename));
    });
  }

  app.get('*', (req, res) => {
    fs.readFile(Path.join(compiler.options.output.path, 'index.html'), (err, file) => {
      if (err) {
        res.sendStatus(404);
      } else {
        res.send(file.toString());
      }
    });
  });
};
开发者ID:StrikeForceZero,项目名称:react-boilerplate,代码行数:33,代码来源:frontendMiddleware.ts


示例4: default

export default (compiler: any, opts?: any) => {
  debug('Enable Webpack Hot Module Replacement (HMR).')

  const middleware = WebpackHotMiddleware(compiler, opts)
  return async function koaWebpackHMR(ctx: any, next: any) {
    let hasNext = await applyServiceMiddleware(middleware, ctx.req, ctx.res)

    if (hasNext && next) {
      await next()
    }
  }
}
开发者ID:stefaniepei,项目名称:react-redux-scaffold,代码行数:12,代码来源:webpack-hmr.ts


示例5: enableWebpackHMR

export function enableWebpackHMR(app) {
    app.use(webpackDevMiddleware(webpackCompiler, {
        publicPath: webpackConfig.output.publicPath,
        stats: {
            colors: true,
            chunks: false, // this reduces the amount of stuff I see in my terminal; configure to your needs
            'errors-only': true
        }
    }));

    var log = bunyan.createLogger({
        name: 'webpack-hmr',
        level: 'TRACE'
    });

    app.use(webpackHotMiddleware(webpackCompiler, {
        log: log.info.bind(log)
    }));
 
    return app;
}
开发者ID:efossier,项目名称:MLB-Redesign,代码行数:21,代码来源:app.dev.ts


示例6: express

  const rendererConfig = configs[1]

  const server = express()
  const compiler = webpack(rendererConfig)
  const port = getPortOrDefault()

  const message = 'Could not find public path from configuration'
  server.use(
    devMiddleware(compiler, {
      publicPath: u(
        message,
        u(message, u(message, rendererConfig).output).publicPath
      ),
      logLevel: 'error',
    })
  )

  server.use(hotMiddleware(compiler))

  server.listen(port, 'localhost', (err: Error | null) => {
    if (err) {
      console.log(err)
      process.exit(1)
      return
    }

    console.log(`Server running at http://localhost:${port}`)
    startApp()
  })
}
开发者ID:ghmoore,项目名称:desktop,代码行数:30,代码来源:start.ts



注:本文中的webpack-hot-middleware类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript webpack-merge类代码示例发布时间:2022-05-28
下一篇:
TypeScript webpack-dev-middleware类代码示例发布时间:2022-05-28
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap