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

被折叠的 条评论
为什么被折叠?



