Webpack TypeScript module.hot不存在

Question

我想启用的WebPack HMR中的NodeJS写在项目打字稿.

但是module.hot不可用:

• @ types/webpack-env定义:

  declare var module: __WebpackModuleApi.Module
  

• 哪个与@ types/node定义冲突:

  declare var module: NodeModule
  

删除@ types/node,解决了问题,但禁用了process:

process.env.NODE_ENV === 'production' // [ts] Cannot find name 'process'

Answer 1

很少有人在这里写道,这是最好的方式:

npm i -D @types/webpack-env

对我而言,它按预期工作,解决了未被承认的hot财产问题.

在我的项目中,我正在使用这些版本:

"@types/node": "^8.0.19",
"@types/webpack-env": "^1.13.0"

我不知道问题是否仍然是最新的但是我的问题安装webpack类型帮助我.

Answer 2

解决冲突

@ types/webpack-env自更新以来:

• module在这个公关中解决了冲突

• process在此提交中添加了

原始问题中的代码现在只需要@ types/webpack-env.

但是同时导入@ types/node并不会发生冲突.

安装

npm install --save-dev @types/webpack-env

如果您还需要NodeJS环境定义:

npm install --save-dev @types/node

Answer 3

可以像在文件顶部添加以下行一样简单.

///<reference types="webpack-env" />

Answer 4

您可以扩充全局范围并使用接口合并来重新打开NodeModule接口并添加缺少的hot属性.

import webpack = require("webpack");

declare global {
    interface NodeModule {
        hot: {
            accept(dependencies: string[], callback: (updatedDependencies: string[]) => void): void;
            accept(dependency: string, callback: () => void): void;
            accept(errHandler?: (err: any) => void): void;
            decline(dependencies: string[]): void;
            decline(dependency: string): void;
            decline(): void;

            dispose(callback: (data: any) => void): void;
            addDisposeHandler(callback: (data: any) => void): void;

            removeDisposeHandler(callback: (data: any) => void): void;
            // ...
        }
    }
}

但实际上,这种扩充应该可以在Webpack声明文件本身中完成.