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就运行了

相关推荐
Lin_Aries_04211 分钟前
容器化 Flask 应用程序
linux·后端·python·docker·容器·flask
yuriy.wang1 小时前
Spring IOC源码篇六 核心方法obtainFreshBeanFactory.parseCustomElement
java·后端·spring
Hashan2 小时前
elpis-core:基于 Koa 的轻量级 Web 应用框架
前端·javascript·node.js
Eoch772 小时前
HashMap夺命十连问,你能撑到第几轮?
java·后端
每天进步一点_JL2 小时前
🔥 一个 synchronized 背后,JVM 到底做了什么?
后端
SamDeepThinking2 小时前
有了 AI IDE 之后,为什么还还要 CLI?
后端·ai编程·cursor
yinke小琪2 小时前
线程池七宗罪:你以为的优化其实是在埋雷
java·后端·面试
我不是混子3 小时前
Spring Boot启动时的小助手:ApplicationRunner和CommandLineRunner
java·后端
w重名了1098823 小时前
记录一次gnvm切换node版本显示内存溢出的报错
前端·node.js
用户723905105693 小时前
Java并发编程原理精讲
后端