使用webpack打包nodejs 后台端环境|NodeJs 打包后台代码

浅浅的花香味﹌ 2022-11-21 04:29 796阅读 0赞

**一、使用webpack打包nodejs 后台端环境**

第一步、安装webpack包，初始化项目应用

npm install webpack webpack-cli --save-dev

第二步、修改编译配置

1.增加webpack.config.js文件，配置输入输出，重点制定**target 运行环境为node**

const path = require('path');
    
    module.exports = {
      entry: './src/main.js',
      output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
      },
      target: 'node' // 这是最关键的
    };

2.修改 package.json 的编译命令： **"build":"webpack"**

{
      "name": "Test4",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "dependencies": {
        "webpack": "^5.3.2",
        "webpack-cli": "^4.1.0"
      },
      "devDependencies": {},
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "build":"webpack"
      },
      "keywords": [],
      "author": "",
      "license": "ISC"
    }

第三步、编写代码，并编译发布

npm run build

**运行效果：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMjcwMTk_size_16_color_FFFFFF_t_70][]

编译后代码：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMjcwMTk_size_16_color_FFFFFF_t_70 1][]

## [ Node.Js Path模块-文件或文件夹路径字符串操作][Node.Js Path_-] ##

## [Node.Js fs模块文件夹操作][Node.Js fs] ##

## [Node.js教程地址][Node.js] ##

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMjcwMTk_size_16_color_FFFFFF_t_70]: /images/20221120/7c52e916eccf4a5eb6dbc73d8f1c0f17.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMjcwMTk_size_16_color_FFFFFF_t_70 1]: /images/20221120/f23897f809704b52b7576bd62ab31188.png
[Node.Js Path_-]: https://blog.csdn.net/u011127019/article/details/52297180
[Node.Js fs]: https://blog.csdn.net/u011127019/article/details/52311032
[Node.js]: https://blog.csdn.net/u011127019/article/details/46982813