如何实现webpack vscode-nls

Question

Webpack为我的两个进口产品投错了球。

进口品看起来是这样的。

import * as vscode from 'vscode';
import * as hljs from "highlight.js";
import { readFileSync, writeFileSync } from 'fs';
import * as http from "http";
import * as child_process from "child_process";
import * as fs from "fs";
import * as portfinder from "portfinder";
import * as nls from 'vscode-nls';

前六名都是经过处理的，但webpack在portfinder和vscode-nls上变形了。

> webpack --mode development

Hash: c7d673027a6e241aeb30
Version: webpack 4.44.2
Time: 2503ms
Built at: 11/05/2020 1:23:55 PM
           Asset      Size  Chunks                   Chunk Names
    extension.js  1.23 MiB    main  [emitted]        main
extension.js.map  1.35 MiB    main  [emitted] [dev]  main
Entrypoint main = extension.js extension.js.map
[./src/extension.ts] 15.4 KiB {main} [built] [2 errors]
[child_process] external "child_process" 42 bytes {main} [built]
[fs] external "fs" 42 bytes {main} [built]
[http] external "http" 42 bytes {main} [built]
[net] external "net" 42 bytes {main} [built]
[os] external "os" 42 bytes {main} [built]
[path] external "path" 42 bytes {main} [built]
[tty] external "tty" 42 bytes {main} [built]
[util] external "util" 42 bytes {main} [built]
[vscode] external "vscode" 42 bytes {main} [built]
    + 196 hidden modules

ERROR in D:\_vscode-printing-free\vsc-print\src\extension.ts
./src/extension.ts
[tsl] ERROR in D:\_vscode-printing-free\vsc-print\src\extension.ts(7,29)
      TS2307: Cannot find module 'portfinder'.
npm ERR! vscode-print@0.7.17 webpack: `webpack --mode development`
npm ERR! Exit status 2

Portfinder不是真正的问题；获取代码并从中生成一个ES6模块并不是什么大问题，这可能也会阻止类型记录决定portNumber是只读的(不应该是这样)。

我确实在主题https://github.com/Microsoft/vscode-extension-samples/tree/master/webpack-sample#more上找到了这个

如果您使用vscode-nls来本地化您的扩展，那么您可能也使用vscode-nls-dev在构建时创建语言包。为了支持webpack，在vscode-nls-dev中增加了一个加载程序。将下面的部分添加到模块/规则-配置中。

{
  // vscode-nls-dev loader:
  // * rewrite nls-calls
  loader: 'vscode-nls-dev/lib/webpack-loader',
  options: {
    base: path.join(__dirname, 'src')
}

但我已经做了它建议的事。这个信息最有趣的地方是它直接暗示webpack和vscode-nls可以一起使用。不那么鼓舞人心的是，vscode-nls的最后几个版本与让它工作有关，这表明它并不是完全简单的。

有谁知道回购会证明这种技术的结合吗？在参考工作回购的支持下，勾勒出所涉及的内容将是一个很大的帮助。

Answer 1

遗憾的是，vscode-nls-dev不支持生成和捆绑语言文件(请参阅那)。

使用吞咽，如果你想要使用布丁语言。或者您可以扩展webpack-loader.ts和webpack-bundler.ts在这里输入链接描述