koa--配置开发热加载,webpack配置(4)

102 阅读1分钟

1. 热加载

安装  npm i  nodemon

启动   npx nodemon src/index.js

配置后   启动 npm run start

2.es6支持

安装  cnpm i -D webpack webpack-cli   

跟目录创建webpack.congif.js文件

const path = require('path')
const nodeExcternals = require('webpack-node-externals')
const {CleanWebpackPlugin} = require('clean-webpack-plugin')
const webpackconfig = {
target: 'node',
mode: 'development',
entry: {
server: path.join(__dirname, 'src/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: [nodeExcternals()],
plugins: [
new CleanWebpackPlugin()
],
node: {
console:true,
global: true,
process:true,
Buffer:true,
__filename: true,
__dirname:true,
setImmediate:true,
path: true
}
}
module.exports = webpackconfig

安装一些必要的插件

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

热更新修改