webpack5入门,根据官方文档简单学习,简单总结

c.**loader加载器:**webpack 只能理解 JS文件和 JSON 文件,loader 让 webpack 能够去处理其他类型的文件,并将它们转换为有效 模块,以供应用程序使用,以及被添加到依赖图中。(比如css,less,sass,一些图片之类的文件)

d.插件(plugin): loader 用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。包括:打包优化,资源管理,注入环境变量.如果你想要使用一个插件,你只需要 require(),然后把它添加到 plugins 数组中。多个插件可以通过选项(option)自定义。你也可以在一个配置文件中因为不同目的而多次使用同一个插件,这时需要通过使用 new 操作符来创建一个插件实例。

例如:

const HtmlWebpackPlugin = require('html-webpack-plugin'); // 通过 npm 安装

module.exports = {

module: {

rules: [{ test: /.css$/, use:['style-loader','css-loader'] }],

},

plugins: [new HtmlWebpackPlugin({ template: './src/index.html' })],

};

html-webpack-plugin 插件可以为应用程序生成一个 HTML 文件,并自动将生成的所有 bundle 导入到此文件中。

e.**模式(mode)😗*通过选择 development, productionnone 之中的一个,来设置 mode 参数,你可以启用 webpack 内置在相应环境下的优化。其默认值为 production。注意production模式下,代码会压缩,体积会减小,不利于阅读。

f.环境(environment):Webpack 5 运行于 Node.js v10.13.0及以上的版本。

3.基本配置(webpack.config.js)

const path = require('path');

module.exports = {

mode: 'development',

entry: './foo.js',

output: {

path: path.resolve(__dirname, 'dist'),

filename: 'foo.bundle.js',

},

module:{

rules:[

{

Vue 面试题

1.Vue 双向绑定原理

2.描述下 vue 从初始化页面--修改数据--刷新页面 UI 的过程?

3.你是如何理解 Vue 的响应式系统的?

4.虚拟 DOM 实现原理

5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?

6.Vue 中 key 值的作用?

7.Vue 的生命周期

8.Vue 组件间通信有哪些方式?

9.watch、methods 和 computed 的区别?

10.vue 中怎么重置 data?

11.组件中写 name 选项有什么作用?

12.vue-router 有哪些钩子函数?

13.route 和 router 的区别是什么?

14.说一下 Vue 和 React 的认识,做一个简单的对比

15.Vue 的 nextTick 的原理是什么?

16.Vuex 有哪几种属性?

17.vue 首屏加载优化

18.Vue 3.0 有没有过了解?

19.vue-cli 替我们做了哪些工作?

...

算法

  1. 冒泡排序
  2. 选择排序
  3. 快速排序
  4. 二叉树查找: 最大值、最小值、固定值
  5. 二叉树遍历
  6. 二叉树的最大深度
  7. 给予链表中的任一节点,把它删除掉
  8. 链表倒叙
  9. 如何判断一个单链表有环
  10. 给定一个有序数组,找出两个数相加为一个目标数
    ...

由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!有需要的程序猿(媛)可以帮忙点赞+评论666

f2d-1718771076459)]

由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!有需要的程序猿(媛)可以帮忙点赞+评论666

相关推荐
shlR43 分钟前
Figma 新手教程学习笔记
笔记·学习·figma
.小墨迹1 小时前
Apollo学习——键盘控制速度
linux·开发语言·c++·python·学习·计算机外设
honey ball1 小时前
正点原子T80烙铁拆解学习
学习
Brookty1 小时前
【MySQL】基础知识
后端·学习·mysql
陵易居士2 小时前
JVM-类加载子系统
jvm·笔记·学习
水水沝淼㵘2 小时前
嵌入式开发学习日志(数据结构--双链表)Day21
c语言·数据结构·学习·算法·排序算法
xiaohanbao093 小时前
day26 Python 自定义函数
开发语言·python·学习·机器学习·信息可视化·numpy
狮智先生3 小时前
【学习笔记】点云自动化聚类简要总结
笔记·学习·自动化
TO ENFJ3 小时前
day 17 无监督学习之聚类算法
学习·算法·聚类
小新1103 小时前
微信小程序学习之搜索框
学习·微信小程序·小程序