Node.js 与 Webpack

最新推荐文章于 2024-09-06 14:34:00 发布
最新推荐文章于 2024-09-06 14:34:00 发布
阅读量202 收藏 4
点赞数 7
分类专栏： 前端 文章标签： node.js webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_68873151/article/details/140751455
版权

一、npm

1. 包的概念

在这里插入图片描述

2. npm软件包管理器

npm init -y 表示所有都采用默认的选项

在这里插入图片描述

npm全局软件包 - nodemon

在这里插入图片描述

node.js 总结

--sava-dev 标记此软件包在开发环境下使用

在这里插入图片描述

在这里插入图片描述

二、Webpack

修改 Webpack 打包入口和出口

在这里插入图片描述
在这里插入图片描述

更多内容建议查看 Webpack官网

海棠O-O
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安装node.js和webpack
gishys的专栏
06-04 2975
1.安装1.1安装node.js1.1.1安装及测试找到官网下载相对应的版本进行安装，如图所示（官网链接）：    下载直接进行安装，其中安装目录最好手动选取，而且路径当中最好不要存在空格以及汉字，经测试后面执行命令时，如果存在汉字及空格，命令会失效。安装完成后键入node -v进行测试，同时测试npm -v 如果测试成功会显示版本号，如下图所示：1.1.2环境设置这里所要设置的是全局模块所在的路...
webpack和nodejs笔记
Leiell1的博客
06-19 845
npm init -ys 必须要有这个步骤npm install --save-dev webpack 安装(核心库)如果webpack使用的是4+的版本，需要安装 npm install --save-dev webpack webpack-cli就是打包方便src/index.js 入口文件 在文件夹新建文件 src/index.js它默认只能打包js和json文件，对于其他类型的文件必须使用额外的loader或plugin去处理处理 css文件的，css-loader是把css文件的代码转成css文件
Node.js与Webpack
Peng_jj的博客
08-08 653
Node.js 为何能执行JS?什么是 Node.js?Node.js 安装。
Node.js与Webpack笔记（一）
lklalmq的博客
03-04 1426
Node.js 是一个独立的 JavaScript 运行环境，能独立执行 JS 代码，因为这个特点，它可以用来编写服务器后端的应用程序Node.js 作用除了编写后端应用程序，也可以对前端代码进行压缩，转译，整合等等，提高前端开发和运行效率Node.js 基于Chrome V8 引擎封装，独立执行 JS 代码，但是语法和浏览器环境的 V8 有所不同，没有 document 和 window 但是都支持 ECMAScript 标准的代码语法想要得到 Node.js 需要把这个软件安装到电脑。
第三节：Node.js 之 Webpack 打包
孤安先生的博客，作者主站正在重构中，敬请期待！
10-28 1599
Webpack 为了减少文件数量，缩减代码体积，提高浏览器打开速度。用于分析、并打包代码。
Web前端模块化开发教程（ES6+Node.js+Webpack）_源代码.zip
06-29
5. **Webpack配置**：Webpack的配置文件（webpack.config.js）定义了如何处理项目中的各种模块。它包括入口(entry)、输出(output)、模块规则(module rules)、插件(plugins)等配置。例如，入口文件指定了应用的起点，...
Node.js-webpack4ejsexpress多页应用项目架构模板
08-10
**Node.js webpack4 ejs express 多页应用项目架构模板** 在现代Web开发中，构建一个功能丰富的多页面应用程序（Multi-Page Application, MPAs）是常见的需求。本项目架构模板利用了Node.js、webpack4、ejs模板引擎...
vue.js+node.js+webpack构建的前端项目，后端用的是我的另一个项目wh-server（前后端分离）.zip
03-03
总结来说，这个项目展示了现代Web开发的最佳实践，结合了Vue.js的高效UI渲染、Node.js的服务器端JavaScript执行以及Webpack的模块打包能力。通过前后端分离，实现了清晰的角色划分，提升了开发效率和应用程序的可...
学习node.js十三，文件的上传于下载
tian_liang_jia的博客
09-05 1248
第二步：将这些分片的文件片，编入编号和文件名后以formData的格式上传，并且将结果放入promise.all这个方法中，如果全部成功的化，那么就调用合并函数，将这个视频进行合并。获取到文件的信息之后，利用file原型上面的 blob对象的slice方法来进行分割。下载是一种通过将文件内容以流的形式发送给客户端，实现文件下载的方法。合并文件：先读取分片文件的文件名，然后把这些文件重新的进行排序，合成一个新的文件。// 4. 设置a标签的href属性为blob地址。放到接口上面，就可以将分完片的文件上传。
Node.js 数据库操作详解：构建高效的数据持久化层
weixin_52392194的博客
09-05 881
mongoose 是一个为 MongoDB 提供对象数据模型（ODM）的库，通过它可以方便地管理数据结构。通过 mongoose.connect() 函数，可以将 Node.js 程序与 MongoDB 数据库相连。为了保证连接的稳定性，还可以添加一些选项，如 useNewUrlParser 和 useUnifiedTopology，确保与 MongoDB 的兼容性和安全性。在 Node.js 中，可以通过 mysql 或 mysql2 模块来实现对 MySQL 数据库的连接和操作。这两个模块都支持基本的
【前端面试】Webpack、Rollup 和 Gulp 构建工具了解
hhhh
09-05 1119
Webpack：适合复杂的前端应用构建，提供了丰富的插件生态系统和灵活的配置选项。Rollup：适合库和工具的打包，特别是当你需要发布模块化代码时，Rollup 可以提供更优的打包结果。Gulp：适合自动化构建流程，通过编写任务来处理各种开发中的任务。在实际开发中，这些工具可以根据项目需求和团队习惯进行选择和搭配使用。例如，一个项目可能同时使用 Webpack 来处理 JavaScript 模块打包，使用 Gulp 来自动化其他构建任务。
springblade-JWT认证缺陷漏洞CVE-2021-44910
m0_73756016的博客
09-03 560
大概意思就是这个认证判断有个逻辑缺陷，就是在泄露的前端pack里面对于jwt的判断认证不够严谨，并且加密的TokenConstant.SIGN_KEY也泄漏了。直接搜索“请求未授权”，定位到认证文件：springblade/gateway/filter/AuthFilter.java。/api/blade-log/api/list接口中会泄漏账号密码，只要管理员登录过。/api/blade-user/user-list泄露了账号密码。然后直接访问接口：api/blade-log/api/list。
chunk-vendors.js 文件过大导致页面加载缓慢解决方案
weixin_53545517的博客
09-03 645
【代码】chunk-vendors.js 文件过大导致页面加载缓慢解决方案。
前端项目运行汇总
qq_33472553的博客
09-03 646
nvm不知道是啥的同学。可以去玩玩。
【前端】探索webpack3项目build速度优化， 优化个p
最新发布
2301_76933862的博客
09-06 339
我测。别优化了，又不是不能用。
Webpack完整打包流程分析
mzp520lf的博客
09-05 1088
Webpack完整打包流程分析
2024前端面试题分享
I_am_shy的博客
08-29 1543
最近忙着面试很久没有更新文章了，分享一下我收集的前端面经，当然题目仅供参考（乞求秋招offer）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值