避免在已编译的javascript中使用require语句

Question

The following statements from a .ts file:

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

get transpiled to:

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

Now the browser won't recognize require . What is the way out? My tsconfg.json looks like:

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

Is there a need to change something?

Answer 1

I used browserify to bundle the final file into a browser compatible javascript.

browserify input.js -o output.js

There could be errors thrown by the browserify saying for example Error: Cannot find module 'bufferutil' from .. In that case, the respective modules could be installed from the npm.