配置webpack的打包发布

在package.json文件的scripts节点下,新增build命令如下:

  "scripts": {
    "dev": "webpack serve", 
    "build": "webpack --mode production" 
  },

开发环境中,运行dev命令
项目发布时,运行build命令
"–model"是一个参数项,用来指定webpack的运行模式。production 代表生产环境,会对打包生成的文件进行代码压缩和性能优化。
注意:通过–model指定的参数项,会覆盖webpack.config.js中的model选项。
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Webpack 是一个现代化的 JavaScript 应用程序打包工具。它可以将应用程序的所有静态资源(包括 JavaScript、CSS、图片等)进行打包,并将其转换为可以在浏览器中运行的代码。通过使用 webpack,开发者可以更高效地管理和部署他们的应用程序。 在使用 webpack 进行打包之前,我们需要先进行一些配置。首先,我们需要创建一个 webpack.config.js 文件,这个文件用来配置 webpack打包规则和行为。在这个配置文件中,我们可以设置入口文件、输出路径、加载器、插件等。 配置webpack 后,我们就可以使用命令行工具来运行 webpack,生成一个或多个打包后的文件。在终端中执行类似于 `webpack --config webpack.config.js` 的命令,webpack 将会根据配置文件进行打包打包完成后,我们可以将生成的文件部署到服务器上,以供用户访问。 在部署到服务器之前,我们需要确保服务器已经安装了 Node.js 环境,并已经安装了需要的依赖。然后,将打包生成的文件上传到服务器上的指定目录即可。在部署过程中,我们可以使用各种方式来实现自动化部署,例如使用 Jenkins、Git Hooks 等工具。 最后,一旦我们的应用程序部署到服务器上,用户就可以通过访问服务器的地址来访问我们的应用程序。Webpack 打包使得应用程序的体积更小,并且能够提供更好的性能和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值