javascript Webpack：最小的TypeScript配置

Posted 2021-05-04

const n_path = require('path')

//==============================================================================

const CONFIG = {
	root: {
		src:  n_path.resolve('./src'),
		dist: n_path.resolve('./dist'),
	},
	index:  'index.ts',
}

//==============================================================================

module.exports = {//============================================================

	entry:      n_path.join(CONFIG.root.src, CONFIG.index),

	output: {
		filename: 'bundle.js',
		path:     CONFIG.root.dist,
	},

	// Enable sourcemaps for debugging webpack's output.
	devtool: 'source-map',

	resolve: {
		// Add '.ts' and '.tsx' as resolvable extensions.
		extensions: [
			'.ts',
			'.tsx',
			'.js',
			'.json',
		],
	},

	module: {
		rules: [
			{// All files with a '.ts' or '.tsx' extension will be handled by 'awesome-typescript-loader'.
				test:    /\.tsx?$/,
				exclude: /(node_modules)/,
				loader:  'awesome-typescript-loader',
			},
			{// All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
				enforce: 'pre',
				test:    /\.js$/,
				loader:  'source-map-loader'
			},
		],
	},

}//=============================================================================