RxJS, Init, Installation

 mkdir rxjs-init

cd rxjs-init

npm init -y

npm install rxjs webpack webpack-dev-server typescript ts-loader

npm install webpack-cli --save-dev

modify file: package.json

{
    "name""rxjs-init",
    "version""1.0.0",
    "description""",
    "main""index.js",
    "scripts": {
        "start": "webpack-dev-server --mode development"
    },
    "keywords": [],
    "author""",
    "license""ISC",
    "dependencies": {
        "rxjs""^6.6.3",
        "ts-loader""^8.0.12",
        "typescript""^4.1.3",
        "webpack""^5.11.0",
        "webpack-dev-server""^3.11.0"
    },
    "devDependencies": {
        "webpack-cli""^4.2.0"
    }
}

craete new file: tsconfig.json

{
    "compilerOptions": {
        "outDir""./dist",
        "sourceMap"true,
        "noImplicitAny"true,
        "module""ES6",
        "moduleResolution""Node",
        "target""ES6",
        "allowJs"true,
        "lib": ["ES2017","DOM"]
    }
}

create new file: webpack.config.js

const path = require('path');
module.exports = {
    entry: './src/index.ts',
    devtool: 'inline-source-map',
    module: {
        rules: [{
            test: /\.tsx?$/,
            use: 'ts-loader',
            exclude: /node_modules/
        }]
    },
    resolve: {
        extensions: ['.tsx''.ts''.js']
    },
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname'dist')
    }
};

Комментарии

Популярные сообщения из этого блога

Nodejs, Async