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')
}
};
Комментарии
Отправить комментарий