Webpack导出含必要外部依赖的Node.js服务包并打包离线运行Zip

Hey there! Great question—manually picking and copying dependencies is totally unscalable and a huge hassle. Here are some robust automated solutions to create that self-contained zip bundle for your offline device:

If you want a no-fuss approach that works across Windows, macOS, and Linux, you can set up custom npm scripts to handle building, copying resources/dependencies, and zipping everything up.

First, install a couple of helper packages to make cross-platform file operations easy:

npm install --save-dev cpy-cli zip-a-folder

Then update your package.json with these scripts:

{
  "scripts": {
    "build": "your-existing-build-command", // Replace with your actual command to generate server.bundle.js
    "copy-deps": "cpy node_modules/** build/node_modules/ --parents",
    "copy-public": "cpy public/** build/public/ --parents",
    "bundle-offline": "npm run build && npm run copy-deps && npm run copy-public && zip-a-folder build offline-bundle.zip"
  }
}

Now just run npm run bundle-offline—this will:

• Run your existing build process to generate server.bundle.js
• Copy all your node_modules into the build/ directory
• Copy the entire public/ folder into build/
• Zip up the build/ directory into offline-bundle.zip

If you're already using Webpack to generate server.bundle.js, you can extend your config to handle copying and zipping automatically with plugins.

First install the required plugins:

npm install --save-dev copy-webpack-plugin zip-webpack-plugin

Then modify your Webpack config file:

const path = require('path');
const CopyPlugin = require('copy-webpack-plugin');
const ZipPlugin = require('zip-webpack-plugin');

module.exports = {
  // Your existing Webpack config
  entry: './src/server.js',
  output: {
    filename: 'server.bundle.js',
    path: path.resolve(__dirname, 'build')
  },
  plugins: [
    // Copy dependencies and public assets to build directory
    new CopyPlugin({
      patterns: [
        { from: 'node_modules', to: 'node_modules' },
        { from: 'public', to: 'public' }
      ]
    }),
    // Automatically zip the build folder
    new ZipPlugin({
      filename: 'offline-bundle.zip',
      path: path.resolve(__dirname)
    })
  ]
};

Running your standard build command (like webpack) will now handle everything in one go—you'll end up with the build/ directory and the ready-to-transfer offline-bundle.zip.

If you ever want to skip requiring NodeJS on the target device, you can use pkg to bundle your app into a standalone executable:

npm install -g pkg
pkg build/server.bundle.js --targets node18-linux-x64,node18-win-x64

This generates OS-specific executables that run without needing NodeJS pre-installed, though it doesn't follow your requested directory structure.

All these solutions eliminate manual work and are scalable as your project grows. Pick the one that fits your existing tooling best!

内容的提问来源于stack exchange，提问作者Nikita Malyschkin