Pulse7
8/19/2017 - 8:37 AM

Setup and Configuration

Setup and Configuration

webpack.config.js
content_copyfile_download
module.exports={
    entry:"./main",
    output:{ filename:"app.js"},
    module:{
        loaders:[
            {
                test: /.ts$/,
                loader: "ts-loader"
            }
        ]
    },
    resolve:{
        extensions:[".ts",".js"]
    }
}
tsconfig.json
content_copyfile_download
{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    }
}
npm
content_copyfile_download
npm install rxjs --save
npm install webpack webpack-dev-server typescript typings ts-loader --save-dev
node_modules\.bin\typings install dt~es6-shim --global --save
main.ts
content_copyfile_download
alert("ok!");
index.html
content_copyfile_download
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <div>Hello</div>
<script src="app.js"></script>
</body>
</html>