webpack发布

2023-10-31

当我们项目开发完成后,需要发布上线,而我们通过webpack-dev-server的插件打包的文件是存在于内存上的,物理磁盘上并不存在,所以我们需要将内存中的项目复制一份到物理磁盘上。

方法:在package.json文件中的scripts中添加以下代码:

"bulid":"webpack --mode production"

然后在终端中运行:

npm run build

注意:我们在项目开发阶段运行的是:npm run dev,这个只能将项目打包在内存中;当项目完成时,需要发布时,我们就运行npm run build

运行完成后就可以在项目根目录中发现新建了一个dist的文件夹,这个时候就代表打包完成了;

然而这样打包也会有一个问题,就是如果再次修改了项目代码,我们再次打包时就得将存在在根目录中的dist文件先删除掉,才能获得最新的文件,所以我们最好先安装一个自动清除的插件

clean-webpack-plugin插件

使用:①安装,在终端中运行以下代码:

npm install --save-dev clean-webpack-plugin

②使用:在webpack.config.js文件中添加以下代码:

const { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
  mode: "development",
  plugins:[CleanWebpackPlugin]}

然后就可以在每次打包前清除dist文件了

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

webpack发布 的相关文章

随机推荐

  • Java基础之static关键字

    目录 静态的特点 第一章 静态代码块 第二章 静态属性 第三章 静态方法 调用静态方法时 静态方法中调用非静态方法时 第四章 static关键字与其他关键字 友情提醒 先看文章目录 大致了解文章知识点结构 点击文章目录可直接跳转到文章指定位
  • GitHub仓库push报错remote: Support for password authentication was removed on August 13, 2021.

    发现GitHub项目从2021年8月13日开始已经不能使用用户名和密码push代码了 搜索了下 有以下两种方法可以尝试 记录一下 ssh 方式 先在电脑上生成ssh的加密公私钥 使用如下命令 命令中要将 C后面的参数设置为自己的github
  • windows文件保护服务器,Windows 文件保护功能的说明

    WFP 功能的工作方式 WFP 功能使用两种机制为系统文件提供保护 第一种机制在后台运行 在 WFP 收到受保护目录中的文件的目录更改通知后 就会触发这种保护机制 WFP 收到这一通知后 就会确定更改了哪个文件 如果此文件是受保护的文件 W
  • 深度学习十大框架比较

    框架比较 转 1 TensorFlow 对于那些听说过深度学习但还没有太过专门深入的人来说 TensorFlow 是他们最喜欢的深度学习框架 但在这里我要澄清一些事实 在 TensorFlow 的官网上 它被定义为 一个用于机器智能的开源软
  • Deeplabcut教程(一)安装(GPU&CPU版本)(纯新人向)

    提示 文章写完后 目录可以自动生成 如何生成可参考右边的帮助文档 文章目录 前言 一 Deeplabcut是什么 二 使用步骤 1 环境配置 1 1安装anaconda 1 2换源 1 2安装CUDA和CUdnn GPU 2 Deeplab
  • C++类的继承与派生

    一 基本概念 1 类的继承 是新的类从已有类那里得到已有的特性 或从已有类产生新类的过程就是类的派生 原有的类称为基类或父类 产生的新类称为派生类或子类 2 派生类的声明 class 派生类名 继承方式 基类名1 继承方式 基类名2 继承方
  • 罗技键盘蓝牙搜不到

    罗技K580蓝牙键盘 长按F11 F12在macbookpro 搜索不到 首先 按一下 fn esc 然后长按F11 F12 就可以搜到了
  • 从0开始搭建react项目

    一 项目创建 插件安装 前端项目的创建有三种方式 参考https juejin cn post 6844903953524588552 在html中引入react react dom Babel 使浏览器识别JSX语法 等 使用官方脚手架c
  • Missing variable is:CMAKE_CUDA_DEVICE_LINK_EXECUTABLE

    Linux平台下使用CMAKE3 10 2与CUDA10 2混合编程时出现错误 Missing variable is CMAKE CUDA DEVICE LINK EXECUTABLE 根据https github com colmap
  • 如何遍历一个对象所有的属性并判断属性值

    最近的项目里的一个需求 要我判断一个对象里的所有属性 是否存在值不是 或是null的 public boolean checkGoodMode List
  • 服务器物理内存稳定90%多,服务器物理内存使用率90以上

    服务器物理内存使用率90以上 内容精选 换一换 系统每30秒周期性检测HDFS服务直接内存使用状态 当检测到DataNode实例直接内存使用率超出阈值 最大内存的90 时 产生该告警 直接内存使用率小于阈值时 告警恢复 DataNode可用
  • android自定义圆环控件 滑动选择百分比

    之前做了一个聊天应用 其中需要一个圆环控件 滑动可以选择百分比 看效果图 这个自定义view可以分几步完成 画绿色圆环 画灰色圆环 画三角形 画百分比 其中三角形围绕环形旋转 采用Path类实现 首先画出基本的三角形路径 而后适当计算一下
  • 构造函数及复制构造函数

    一 构造函数 是为了让我们自己去规定 我们定义对象的初始化 这里给出一段程序 作用是按格式输出 输入的时间 include
  • 小型水库雨水情测报及大坝安全监测系统

    一 方案背景 我国水库众多 水库在带给人们便利的同时也存在着巨大的安全隐患 对大坝安全监测的要求越来越高 一旦溃坝失事 会对生命 财产 基础设施 生态环境 经济社会发展等造成灾难性破坏 大坝安全关系着公共安全 经济安全和国家安全 更是水库安
  • R手册--目录

    R手册 说明 本手册所列包基本来自AwesomeR 结合 GitHub 和help package pk name 官方文档整理所得 有助于使用时下最实用的包对R进行深入的学习 致谢 ApacheCN 中文开源组织 致力于官方文档及AI书籍
  • Mac电脑快速安装apt-get

    最近在mac上安装环境和工具 发现以前习惯的apt get者mac上是没有的 所以查了资料 找了一个简单靠谱的方式 1 下载 首先下载前置环境x11 1 双击XQuartz 2 7 8 dmg 安装fink的前置环境X11 2 安装完之后
  • 28、认证

    认证技术 认证 Authentication 又称鉴别或确认 是证实某事是否名副其实或是否真实有效的一个过程 加密 确保信息的机密性 阻止对手的被动攻击 如截取 窃听等 认证技术 完整性 放抵赖 防篡改 确保报文发送者和接收者的真实性以及报
  • UVSLED透明屏,在商业广告中,有哪些应用表现?

    UVSLED透明屏是一种新型的显示屏技术 它采用了UVSLED Ultraviolet Shortwave Light Emitting Diode 作为光源 具有高亮度 高对比度和高色彩饱和度的特点 UVSLED透明屏可以实现透明显示效果
  • vue的监听select的事件

  • webpack发布

    当我们项目开发完成后 需要发布上线 而我们通过webpack dev server的插件打包的文件是存在于内存上的 物理磁盘上并不存在 所以我们需要将内存中的项目复制一份到物理磁盘上 方法 在package json文件中的scripts中