rxjs 学习系列二(环境搭建) 码农

环境搭建

npm i rxjs ts-loader typescrip
npm init -y
tsc --init
mkdir src
mkdir dist
touch webpack.config.js
touch src/index.ts
touch src/index.html

webpack -w

code --install-extension webpack-snippets

webpack.config.js配置内容

const path = require('path');
module.exports = {
// entry: '/src/index.ts',
entry: '/src/myScheduler.ts',
mode: 'development',
context: path.resolve(__dirname),
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: 'pathOrUrlWhenProductionBuild',
},
module: {
rules: [
{
test: /\.tsx?$/,
exclude: /node_modules/,
use: {
loader: 'ts-loader',
},
},
],
},
resolve: {
extensions: ['.js', '.jsx', '.json', '.ts', '.tsx'],
modules: [path.join(__dirname, 'js/helpers'), 'node_modules'],
},
devtool: 'source-map',
plugins: [],
};