避免传输javascript中的require语句

.ts

文件中的以下语句：

import {jquery as $} from 'jquery';
import {socketio} from 'socket.io';

传送到：

var jquery_1 = require("jquery");
var socket_io_1 = require("socket.io");

现在浏览器将无法识别

require

。出路是什么？我的

tsconfg.json

看起来像：

{
    "compilerOptions": {
        "target": "es5",
        "outDir": "./dist",
        "allowJs": true,
        "module": "commonjs",
        "noEmitOnError": false,
        "noImplicitAny": false,
        "strictNullChecks": true
    },
    "include": [
        "index.ts",
        "./lib/**/*",
        "./public/**/*"
    ]
}

是否需要更改某些内容？

我曾经将最终文件捆绑到与浏览器兼容的javascript中

browserify input.js -o output.js

browserify可能会抛出错误，例如，

Error:not find module'bufferutil'from.

在这种情况下，可以从npm安装相应的模块。

我曾将最终文件捆绑到与浏览器兼容的javascript中

browserify input.js -o output.js

---

browserify可能会抛出错误，例如，

Error:not find module'bufferutil'from.

在这种情况下，可以从npm安装相应的模块。

Use。通常您会使用Webpack。@loganfsmyth您能帮我举个例子吗。我尝试了

browserify

，但它抛出了一个运行时错误，表示找不到某个模块。浏览器不支持CommonJS。您需要告诉TS生成浏览器支持的内容（不知道TS，所以不确定选项是什么），或者使用模块绑定器。如果browserify抛出错误，那么请调查如何修复该错误。使用。通常您会使用Webpack。@loganfsmyth您能帮我举个例子吗。我尝试了

browserify

，但它抛出了一个运行时错误，表示找不到某个模块。浏览器不支持CommonJS。您需要告诉TS生成浏览器支持的内容（不知道TS，所以不确定选项是什么），或者使用模块绑定器。如果browserify抛出错误，请调查如何修复该错误。