当前位置： 首页 > news >正文

【前端】尚硅谷Webpack教程笔记

news 2026/4/6 17:59:33

文章目录

  • 1. 基本使用
    • 1.1 功能介绍
    • 1.2 开始使用

参考视频:尚硅谷Webpack5入门到原理
课件地址
【前端目录贴】

1. 基本使用

1.1 功能介绍

Webpack 是一个静态资源打包工具。
它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。
输出的文件就是编译好的文件，就可以在浏览器段运行了。
我们将 Webpack 输出的文件叫做 bundle。

1.2 开始使用

  • 资源目录
webpack_code # 项目根目录（所有指令必须在这个目录运行）└── src # 项目源码目录├── js # js文件目录│   ├── count.js│   └── sum.js└── main.js # 项目主文件

相关文章：

【前端】尚硅谷Webpack教程笔记

文章目录 1. 基本使用1.1 功能介绍1.2 开始使用 参考视频:尚硅谷Webpack5入门到原理 课件地址 【前端目录贴】 1. 基本使用 1.1 功能介绍 Webpack 是一个静态资源打包工具。 它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输…...

编程日记 2024/3/13 19:05:15

Java泛型使用及局限

Java泛型的局限和使用经验 泛型的局限 任何基本类型不能作为类型参数 经过类型擦除后，List中包含的实际上还是Object的域，而在Java类型系统中Object和基本类型是两套体系，需要通过“自动装包、拆包机制”来进行交互。 2.任何在运行时需要…...

编程日记 2024/3/13 19:04:14

Sklearn线性回归

Scikit-learn 中的线性回归是一个用于监督学习的算法，它用于拟合数据集中的特征和目标变量之间的线性关系。以下是使用 Scikit-learn 实现线性回归的基本步骤： 1. 导入所需库 首先，你需要导入所需的库和模块。 import numpy as np import …...

编程日记 2024/3/13 19:03:13

APP中互联网公司的必备知识

APP中互联网公司的必备知识 敏捷开发（scrum）模型角色工作流程 项目上线发布策略发布流程灰度发布 APP发布APP软件包类型APP客户端（内部）发布平台APP客户端（线上）发布平台 熟悉APP项目（tpshop&am…...

编程日记 2024/3/13 19:02:12

论文翻译 - Visual Adversarial Examples Jailbreak Large Language Models

论文链接：https://arxiv.org/pdf/2306.13213.pdf 项目代码：https://github.com/Unispac/Visual-Adversarial-Examples-Jailbreak-Large-Language-Models Visual Adversarial Examples Jailbreak Aligned Large Language Models Abstract1 Introduction2 …...

编程日记 2024/3/13 19:01:11

android so载入过程

源自android 9 看源代码的网页 /bionic/libdl/libdl_static.c 好像没用。都是空的 /bionic/libdl/libdl.cpp 主角 22// These functions are exported by the loader 23// TODO(dimitry): replace these with reference to libc.so101// Proxy calls to bionic loader 102_…...

编程日记 2024/3/13 18:59:10

FlowerShop花店管理系统wpf+sqlserver

FlowerShop花店管理系统wpfsqlserver说明文档 运行前附加数据库.mdf（或sql生成数据库） 主要技术： 基于C#wpf架构和sql server数据库 功能模块： 顾客登录后可以查询花卉详情然后购买 店主登录管理后台 顾客管理 删除顾客多行删…...

编程日记 2024/3/13 18:54:04

如何在群晖NAS部署WPS容器并实现无公网IP远程访问本地office软件

文章目录 1. 拉取WPS Office镜像2. 运行WPS Office镜像容器3. 本地访问WPS Office4. 群晖安装Cpolar5. 配置WPS Office远程地址6. 远程访问WPS Office小结 7. 固定公网地址 wps-office是一个在Linux服务器上部署WPS Office的镜像。它基于WPS Office的Linux版本，通过…...

编程日记 2024/3/13 18:52:02

【C语言程序设计】C语言求圆周率π（三种方法）

题目一&#xff1a; 利用公式①计求π的近似值&#xff0c;要求累加到最后一项小于10^(-6)为止。 程序代码&#xff1a; #include <stdio.h> #include <stdlib.h> #include <math.h> int main(){float s1;float pi0;float i1.0;float n1.0;while(fabs(i)&…...

编程日记 2024/3/13 18:51:01

常见的特殊端口号及其用途

21端口&#xff1a;FTP&#xff08;文件传输协议&#xff09;服务端口。FTP允许用户进行文件传输&#xff0c;如上传和下载文件。22端口&#xff1a;SSH&#xff08;安全外壳协议&#xff09;服务端口。SSH用于远程登录到服务器&#xff0c;并提供加密的数据传输。23端口&#…...

编程日记 2024/3/13 18:50:00

Linux(ubuntu) 安装kotlin

Kotlin 是一种基于 Java 语言的静态类型编程语言&#xff0c;它可以运行于 JVM 上 1. 安装 Java Development Kit (JDK) Kotlin 运行于 JVM 上&#xff0c;所以首先需要安装 Java Development Kit&#xff08;JDK&#xff09; Ubuntu 或 Debian 系统 sudo apt update sudo a…...

编程日记 2024/3/13 18:47:58

微信小程序提交成功设置提示

在微信小程序中&#xff0c;当用户成功提交表单或完成某项操作后&#xff0c;通常我们会设置一个提示来告知用户操作已完成。这种提示通常可以通过几种方式来实现&#xff0c;例如使用 wx.showToast 方法显示一个短暂的提示消息&#xff0c;或者跳转到一个新的页面并显示成功信…...

编程日记 2024/3/13 18:43:54

Pycharm与Anaconda安装

网址&#xff1a; Pycharm&#xff1a;https://www.jetbrains.com/pycharm/ Anaconda&#xff1a;https://www.anaconda.com/download/ 官网下载速度太慢可以选择到清华源下载&#xff1a;https://repo.anaconda.com/archive/ 一&#xff1a;Anaconda安装 安装&#xff1a; …...

编程日记 2024/3/13 18:42:52

阿里云数据盘挂载目录

1、先登录服务器创建新目录aaa 2、云盘都快照备份下。后续操作完核实无误了&#xff0c;您根据您需求删除快照就行&#xff0c; 然后登录服务器内执行&#xff1a; fdisk -l lsblk blkid ll /aaa 3、执行&#xff1a;&#xff08;以下命令是进行数据盘做ext4文件系统并挂载到…...

编程日记 2024/3/13 18:41:51

【Python】探索PyPinyin 库：Python 中的中文拼音转换工具

花未全开月未圆&#xff0c; 半山微醉尽余欢。 何须多虑盈亏事&#xff0c; 终是小满胜万全。 —— 《对抗路—吕布》 PyPinyin 是一个功能强大的 Python 库&#xff0c;用于将中文文本转换为拼音。它提供了丰富的功能&#xff0c;能够满足各种中文文本处理的需求。在本文中&am…...

编程日记 2024/3/13 18:40:49

Linux运维总结：Centos7.6之OpenSSH7.4升级版本至9.3

一、环境信息 操作系统&#xff1a;Centos7.6.1810 OpenSSH_7.4p1, OpenSSL 1.0.2k-fips 注意&#xff1a;升级后由于加密算法的区别&#xff0c;低版本的SSH工具可能无法连接&#xff0c;建议改用Xshell7或SecureCRT9.0以上版本。 二、注意事项 1、 检查防火墙或selinux是否…...

编程日记 2024/3/13 18:39:48

SD-WAN能解决企业网络的哪些问题？

SD-WAN技术的崛起为企业网络带来了全新的解决方案。在数字化转型、云计算、远程办公和5G等领域&#xff0c;SD-WAN技术展现出强劲的市场趋势。那么&#xff0c;SD-WAN究竟能够解决企业网络中的哪些难题呢&#xff1f; 提升网络带宽利用率 传统网络在连接分支机构时&#xff0c;…...

编程日记 2024/3/13 18:37:47

Python实战：Python集合的常见操作

Python集合&#xff08;set&#xff09;是一种无序且元素唯一的容器&#xff0c;它是Python中一种基本的数据结构。本文将详细介绍Python集合的常见操作&#xff0c;包括创建集合、添加和删除元素、集合运算、集合推导式等。 1. 创建集合 Python集合可以通过多种方式创建&…...

编程日记 2024/3/13 18:36:46

Linux: cloud: network: tap tx 丢包一例，vCPU的运行受到主机CPU的占用影响

https://access.redhat.com/documentation/en-us/red_hat_openstack_platform/10/html/ovs-dpdk_end_to_end_troubleshooting_guide/high_packet_loss_in_the_tx_queue_of_the_instance_s_tap_interface 这个里面有一个丢包的例子是说&#xff0c;如果tx-queue的大小不够大&am…...

编程日记 2024/3/13 18:35:45

揭秘数据之美：利用 Bokeh 轻松构建实时、动态的数据可视化项目

1、引言 想让你的数据跃然 “屏” 上&#xff1f;厌倦了静态图表的平淡无奇&#xff1f;那么&#xff0c;今天就让我们一起探索 Python 世界中的瑰宝 ——Bokeh 库。这款强大的可视化工具以其流畅的交互性和实时更新能力&#xff0c;让你的数据呈现如电影般生动立体&#xff0…...

编程日记 2024/3/13 18:33:43

Notion增强器：如何用岛屿组件系统彻底改变你的工作空间体验

Notion增强器&#xff1a;如何用岛屿组件系统彻底改变你的工作空间体验 【免费下载链接】notion-enhancer An enhancer/customiser for the all-in-one productivity workspace Notion 项目地址: https://gitcode.com/gh_mirrors/no/notion-enhancer 你是否曾经觉得Noti…...

编程新知 2026/4/6 17:03:21

SteamAutoCrack终极指南：三步实现Steam游戏离线自由运行

SteamAutoCrack终极指南&#xff1a;三步实现Steam游戏离线自由运行 【免费下载链接】Steam-auto-crack Steam Game Automatic Cracker 项目地址: https://gitcode.com/gh_mirrors/st/Steam-auto-crack 对于众多Steam游戏玩家来说&#xff0c;你是否曾遇到过这样的困境&…...

编程新知 2026/4/6 16:06:47

Mermaid终极指南：用代码绘制专业图表的完整教程

Mermaid终极指南&#xff1a;用代码绘制专业图表的完整教程 【免费下载链接】mermaid Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown 项目地址: https://gitcode.com/GitHub_Trending/me/mermaid 你是否曾经…...

编程新知 2026/4/6 15:18:18

告别终端断开烦恼：nohup命令的完整使用指南（含日志管理技巧）

告别终端断开烦恼&#xff1a;nohup命令的完整使用指南&#xff08;含日志管理技巧&#xff09; 你是否遇到过这样的场景&#xff1a;在服务器上启动一个耗时任务&#xff0c;突然网络波动导致SSH连接断开&#xff0c;所有进度前功尽弃&#xff1f;作为开发者&#xff0c;这种经…...

编程新知 2026/4/6 15:18:18

鸿蒙原生实战：智感握姿 – 左右手自动适配新闻列表

基于鸿蒙原生手持感知能力&#xff0c;实现设备握持姿态实时识别&#xff0c;左手持机图片居左、右手持机图片居右&#xff0c;配合流畅布局动画&#xff0c;打造更贴合单手操作习惯的新闻阅读体验。 效果说明 请求手持握姿势检测权限&#xff0c;授权成功即可识别左右手姿态…...

编程新知 2026/4/6 15:10:15

OpenClaw技术写作助手：Qwen2.5-VL-7B自动生成带示意图的教程

OpenClaw技术写作助手&#xff1a;Qwen2.5-VL-7B自动生成带示意图的教程 1. 为什么需要自动化技术写作 作为一名长期与技术文档打交道的开发者&#xff0c;我经常面临一个矛盾&#xff1a;既要保证文档的专业性和完整性&#xff0c;又要应对快速迭代的开发节奏。传统文档创作…...

编程新知 2026/4/6 14:25:56

如何高效加速GitHub下载：Fast-GitHub插件的完整指南

如何高效加速GitHub下载&#xff1a;Fast-GitHub插件的完整指南 【免费下载链接】Fast-GitHub 国内Github下载很慢&#xff0c;用上了这个插件后&#xff0c;下载速度嗖嗖嗖的~&#xff01; 项目地址: https://gitcode.com/gh_mirrors/fa/Fast-GitHub 你是否经常因为Git…...

编程新知 2026/4/6 12:27:58

ATPG约束C/T/O/DX傻傻分不清？一张图帮你搞定芯片测试中的cell constraint

ATPG约束C/T/O/DX全解析&#xff1a;芯片测试工程师的速查手册 刚接触ATPG工具的新手工程师们&#xff0c;是否曾被手册里那些神秘的字母组合搞得晕头转向&#xff1f;C、T、O、DX...这些看似简单的缩写背后&#xff0c;隐藏着对测试覆盖率的关键影响。本文将用最直观的方式&a…...

编程新知 2026/4/6 11:47:20

如何用快马AI平台十分钟快速构建你的第一个Android应用原型

最近在尝试用AI工具快速构建Android应用原型&#xff0c;发现InsCode(快马)平台特别适合做这种快速验证。今天就用它来演示如何十分钟搭建一个天气应用原型&#xff0c;整个过程比传统开发方式高效太多了。 明确原型需求 首先梳理出这个天气应用需要三个核心模块&#xff1a;首…...

编程新知 2026/4/6 11:47:20

bypass-paywalls-chrome-clean创新方案：突破付费内容限制的实战指南

bypass-paywalls-chrome-clean创新方案&#xff1a;突破付费内容限制的实战指南 【免费下载链接】bypass-paywalls-chrome-clean 项目地址: https://gitcode.com/GitHub_Trending/by/bypass-paywalls-chrome-clean 在数字内容付费趋势日益显著的今天&#xff0c;如何在…...

编程新知 2026/4/6 11:09:01