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

作者:神秘网友 发布时间:2020-10-31 07:12:24

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

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

一、使用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

运行效果:

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

编译后代码:

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

 

 

更多:

使用webpack打包nodejs 后台端环境|NodeJs 打包后台代码相关教程

  1. python,分析网页,使用 bs4和requests 爬取网页指定图片

    python,分析网页,使用 bs4和requests 爬取网页指定图片 阅读之前先保证会使用python并且了解html前端结构 首先打开 目标网站 我们可以看到一个动漫角色的图片,现在我们要利用python程序来保存这张图片到本地。 1.右键图片 选择审查元素(有些浏览器叫做检

  2. Ubuntu下opencv的安装使用

    Ubuntu下opencv的安装使用 目录 一、Ubuntu下安装opencv 二、Ubuntu下opencv摄像头的使用 1.打开摄像头显示处理视频的程序 2.改进 三、总结 一、Ubuntu下安装opencv 1.下载oencv 在ubuntu的浏览器中输入官网链接 https://opencv.org 点击sources 2.将下载的压

  3. JS不使用替换进行替换

    JS不使用替换进行替换 ? ? 首先我们从题意中可以读出:“不能使用比较、查找、替换”函数,也就是说我可以使用分割、组合方法。 于是我写出了如下代码: var str = 我喜欢南极和北极,喜欢荒漠大戈壁; str = str.split(''); console.log(str.join('')); for(v

  4. eclipse在使用过程中出现奇奇怪怪的符号

    eclipse在使用过程中出现奇奇怪怪的符号 eclipse在使用过程中出现奇奇怪怪的符号 如图 ** 解决办法: Windows-Preferences-General-搜索Editors-Text Editor 将右边的Show whitespace characters的复选框取消保存 最后成功解决问题! 开始写博客来记录自己遇

  5. Unity Jenkins 自动化打包

    Unity Jenkins 自动化打包 接下来就是配置Jenkins windows+Android打包 import sysimport osimport fileinputimport subprocess if __name__ == '__main__': #Jenkins传递 无需手动修改 jenkinsParams = { 'WorkSpace':os.environ['WorkSpace'].strip().repla

  6. 微信小程序使用npm安装包

    微信小程序使用npm安装包 微信小程序使用npm安装包 最近要开发小程序了,虽然以前也玩过一会,但小程序的开发更新还是很快的,以前不支持npm包,现在支持了,以前没有云开发的,现在也有了,说实话,小程序的云开发真是牛逼。但最近遇到了很蛋疼的问题,构建n

  7. idea打包servlet成war包部署在tomcat

    idea打包servlet成war包部署在tomcat 参考:https://www.pianshen.com/article/5526688936/ ###一.使用IDEA创建一个javaweb项目 1.File-New Project选择Web Application 然后填写好路径和项目名称,点击确定。 2.先看一下刚创建好的项目的目录结构 3.在WEB-IN

  8. C/C++学习日记:C语言宏定义##连接符和#符的使用

    C/C++学习日记:C语言宏定义##连接符和#符的使用 前言:C语言中如何使用宏C(和C++)中的宏(Macro)属于编译器预处理的范畴,属于编译期概念(而非运行期概念)。下面对常遇到的宏的使用问题做了简单总结。 关于#和## 在C语言的宏中,#的功能是将其后面的宏