webpack打包node后端项目

webpack打包后端项目

后端项目写好了,感觉也可以打包一下,然后就想到了用webpack试试

先要下载webpack和webpack-cli

typescript 复制代码
npm install webpack webpack-cli

然后创建webpack配置文件webpack.config.js

核心配置为entryoutputtarget

但是因为咱们是后端项目,和前端有些不同,比如不需要打包依赖项,运行的时候直接用node_modules,另外还需要让webpack保留node专门的内置模块

所以需要配置externals(忽略依赖)和node(需要保留__dirname__filename,避免这两个值被webpack替换掉)

我的webpack.config.js如下

typescript 复制代码
const path = require('path')
module.exports = {
  mode: "development",
  entry: './src/app.js',
  output: {
    filename: 'app.js',
    path: path.resolve(__dirname, 'dist')
  },
  target: 'node',
  externals: { // 忽略node_modules中的依赖项 
    express: 'commonjs express',
    config: 'commonjs config',
    cors: 'commonjs cors',
    jsonwebtoken: 'commonjs jsonwebtoken',
    multer: 'commonjs multer',
    pg: 'commonjs pg'
  },
  node: { // 让这两个node的内置项 不被webpack打包替换掉 
    __dirname: false,
    __filename: false
  }

关于忽略依赖项,其实有更简单的配置法,可以直接使用webpack-node-externals这个库来忽略所有node_modules依赖

也需要先下载才能用:npm install webpack-node-externals --save-dev

然后webpack.config.js就像下面这样

typescript 复制代码
const path = require('path')
const nodeExternals = require('webpack-node-externals')
module.exports = {
  mode:"development",
  entry: './src/app.js',
  output: {
    filename: 'app.js',
    path: path.resolve(__dirname, 'dist')
  },
  target: 'node',
  externals:[nodeExternals()],
  node: { // 这些选项可以使Node.js内置模块在Webpack中可用 
    __dirname: false,
    __filename: false
  }
}

配置完后,就可以正常进行打包了,然后可以设置一下package.json的脚本,这样方便运行

typescript 复制代码
 "scripts": {
    "build": "webpack",
    "start": "node dist/app.js"
  },

写好后端代码以后直接npm run build 然后 npm run start就运行了

相关推荐
Java中文社群2 小时前
面试官:如何实现动态线程池的任务编排?
java·后端·面试
脚踏实地的大梦想家2 小时前
【Go】P2 Golang 常量与变量
开发语言·后端·golang
lozhyf2 小时前
能发弹幕的简单视频网站
java·spring boot·后端
SamDeepThinking2 小时前
Cursor集成MCP MySQL服务器完整配置指南
后端·ai编程·cursor
AAA修煤气灶刘哥3 小时前
ES 地理查询玩明白,产品要的 “附近的店” 再也难不倒我!(附 DSL+Java 实战)
java·后端·elasticsearch
shark_chili3 小时前
深入理解CPU缓存:编写高性能Java代码的终极指南
后端
徐_三岁3 小时前
关于npm的钩子函数
前端·npm·node.js
金銀銅鐵3 小时前
[Java] 枚举常量的精确类型一定是当前枚举类型吗?
java·后端
chenrui3103 小时前
Spring Boot 和 Spring Cloud: 区别与联系
spring boot·后端·spring cloud
邂逅星河浪漫3 小时前
Spring Boot常用注解-详细解析+示例
java·spring boot·后端·注解