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