编程导航会员会员
登录/注册

WebPack学习

webpack是Vue中涉及的一个知识点。现在项目多使用vite来代替webpack（在伙伴匹配项目中涉及到vite的使用）

webpack的定义

webPack是一个模块加载器兼打包工具。他可以把各种资源（JS JSX ES6 图片） 作为模块来处理和使用

安装webPack

  1. 安装打包工具： npm install webpack -g
  2. 安装客户端: npm install webpack-cli -g
  3. 测试是否安装成功： webpack -v , webpack-cli -v

项目练习

webpack的使用步骤如下：

  1. 创建一个项目
  2. 创建一个叫modules的目录，用于放置JS模块等资源文件
  3. 在modules下创建模块文件，如hello.js 用于编写JS模块相关的代码
▼
text
复制代码
//暴露一个方法：sayHello:
exports.sayHello=function(){
   document.write("<h1>Vue基础笔记</h1>");
}
  1. 在modules下创建一个名字叫main.js的入口文件，用于打包时设置entry属性
▼
text
复制代码
// require 导入一个模块，就可以调用这个模块中的方法了
var hello = require("/hello");
hello.sayHello();```
  1. 在项目目录下创建webpack.config.js 配置文件，使用webpack命令打包（如果显示未找到webpack则以管理员身份运行webpack）
▼
text
复制代码
module.exports={
 //进入路径  
  entry: "./modules/main.js",
 // 输出路径 
  output: {
    filename: "./js/budle.js"
  }
}
  1. 在项目目录下创建HTML页面，如index.html, 导入webPack打包后的JS文件
▼
text
复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue学习</title>
</head>
<body>
<!--通过html文件就可以直接运行打包后的文件了-->
<script src="dist/js/bundle.js"></script>
</body>
</html>
  1. 运行HTML查看效果
  2. 最终效果的得到的感悟： 可以将打包后的js文件通过html启动，然后直接运行
  3. 补充： 参数 --watch用于监听变化 :webpack --watch

背了5个新单词，复习了6个单词 周一作业已补完

学习打卡
学习总结
0个评论
全部评论
点击登录，快来和大家讨论吧～
表情
图片
暂无评论
守望
守望
等级vip
内容推荐
更多
🚩JavaD121、某个接口有10个抽象方法和100个具体的实现类，考虑到接口后期可能需要增加方法，设计接口时，通过中间的一个抽象类(适配器抽象类)默认实现或空实现接口(都是使用普通方法)，然后具体的100个子类覆写自己想要的方法。后期接口增加方法时，给适配器抽象类增加一个普通方法，第101个具体子类再覆写适配器抽象类的第101个方法。2、抽象方法可以声明为static，错，因为static方法
2
🚩JavaD131、抽象类、继承、多态、接口、内部类，单独每一章节能懂，综合后就似懂非懂2、每一章节重复看视频，还是懂，做综合题，这一遍刷题是对的，再接着刷题是错的。3、死板的知识适合我，灵活的不适合。4、五大山头压着都懵圈了，看来还要多花时间在这五大山头
3
Day 13✅ 今天做了：Vue表单搜索, 搜索栏布局⏰ 明天计划：继续学前端
2
今天学了Python基础之：①数据类型和变量：五大数据类型以及变量常量②字符串与编码：字符编码以及Python中的字符串、编解码、格式化
1
day41今天自己修改了一下简历，用作投AI应用开发岗位，还不是很完善，先用老鱼简历做一个简单的。后年用AI优化了一下。今天主要是对AI超级智能体的总结还有简历优化，后续继续学新项目，我觉得写项目是学知识的最佳途径，相比于死板板的理论，实践起来，记忆更佳。但是基础的还是要看，不然跟着写项目都写不明白。算法一题，Java基础。用友有一个笔试邀约，9月第一个笔试。其他的投完简历的都还没回信，科大讯飞的
1
作者分享
更多
Day 1 ✅ 今天做了：学习了advisor的扩展知识，rag基础知识 ⏰ 明天计划：学完所有arg知识。再敲一遍扩展知识 📚 今日感悟：把大的目标拆分成多个小块，就和走楼梯一样。这样心理压力也就小了。
1
Day 1 ✅ 今天做了：今天临时有事，上午早起补上 ⏰ 明天计划： 📚 今日感悟：加油！ 还是现实生活精彩
1
Day 4 ✅ 今天做了：学习了对话记忆，自定义Advisor(尤其是日志)，结构化输出，对话记忆持久化 ⏰ 明天计划：完成扩展内容，看完ARG的知识 📚 今日感悟：今天感觉状态好多了。以后早起只要不碰手机，就可以坚持下去，明天继续加油。之后几天每天我都会坚持学习和打卡！
2
Day 1 ✅ 今天做了：学习了自动以拦截器 ⏰ 明天计划：学完ARG所有知识 📚 今日感悟：明天去图书馆学习！
1
Day 2 ✅ 今天做了：AI项目支持多轮对话以及保留多轮存储记忆 ⏰ 明天计划：学完ai的拓展内容，RAG知识库 📚 今日感悟：每天多学一点，慢慢就越来越多了。慢就是快！
2
下载 APP