node使用webpack

本文详细介绍了如何使用npm安装依赖,配置webpack.config.js以支持Node.js开发,并通过Babel转换ES6语法,最后通过nodemon运行项目。重点在于前端开发工具链的配置和部署。

安装依赖:

npm i -D webpack webpack-cli
npm i -D clean-webpack-plugin webpack-node-externals @babel/core @babel/node @babel/preset-env  babel-loader cross-env

配置 webpack.config.js:

const path = require('path')
const nodeExternals = require('webpack-node-externals')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')

const webpackconfig = {
	target: 'node',
	mode: 'development',
	entry: {
		server: path.join(__dirname, './index.js')
	},
	output: {
		filename: '[name].bundle.js',
		path: path.join(__dirname, './dist')
	},
	devtool: 'eval-source-map',
	module: {
		rules: [
			{
				test: /\.(js|jsx)$/,
				use: {
					loader: 'babel-loader'
				},
				exclude: [path.join(__dirname, './node_modules')]
			}
		]
	},
	externals: [nodeExternals()],
	plugins: [new CleanWebpackPlugin()]
	// node: {
	// console: true,
	// global: true,
	// process: true,
	// Buffer: true,
	// __filename: true,
	// __dirname: true,
	// setImmediate: true,
	// path: true
	// }
}

module.exports = webpackconfig

配置 .babelrc

{
    "presets": [
		[
			"@babel/preset-env",
			{
				"targets": {
					"node": "current"
				}
			}
		]
	]
}

运行:

npx nodemon --exec babel-node ./index.js

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值