四时宝库

程序员的知识宝库

Webpack 4.X 从入门到精通-plugin(二)

通过上一篇文章,我们明白了webpack的两个配置参数入口与出口,webpack会找到入口文件的地址,进去后一顿蹂躏,再通过你给的输出地址就把编译后的文件给你了。这篇文章接着去丰富webpack.config.js的内容,说一个参数叫plugins

plugins

plugins里面放的是插件,在webpack里有各式各样的插件能够帮你完成任何构建的事情。只有你想不到的,没有它做不到的。并且全世界的小伙伴们都在给webpack贡献开源的插件,所以插件的种类是非常丰富的。

npm的serve包详细介绍及使用示例(npm packages)

概念

假设您想要提供一个静态站点、单个页面应用程序或仅仅是一个静态文件(无论是在您的设备上还是在本地网络上),那么这个serve包正是您的正确选择。

一旦到了将站点推向生产环境的时候,我们建议使用Vercel(https://vercel.com/)。

Vue动态组件的实践与原理探究(vue3.0动态组件)

我司有一个工作台搭建产品,允许通过拖拽小部件的方式来搭建一个工作台页面,平台内置了一些常用小部件,另外也允许自行开发小部件上传使用,本文会从实践的角度来介绍其实现原理。

云原生安全扫描器Trivy,支持扫描镜像、文件和Git仓库漏洞和配置

在云和容器流行的今天,每个企业都在使用容器(云)来构建自己的基础架构。容器技术给我们带来了极大的方便,一键拉个镜像,一键启动就可以部署成功应用。然而,由此却带来了一些安全风险,基于镜像、基础库和源码仓库都有可能成为潜在的漏洞点(甚至可能被投毒),为了避免相关风险,对其进行安全扫描必不可少,今天虫虫就给大家介绍一个这样的专门开源免费扫描工具——Trivy。

一文带你彻底搞懂 NPM 知识点「进阶篇」

作者:koala

转发链接:https://mp.weixin.qq.com/s/CrbNmNnu0EiA7RcDgJbPJA

为什么写这篇文章

webpack学习笔记(webpack4.0教程)

webpack学习笔记

各种loader工具

图片打包工具

不想更换图片名字

NPM 包管理器简介(npm安装的包怎么用)

npm 的快速指南,强大的包管理器是 Node.js 成功的关键。2017 年 1 月,超过 350000 个软件包被报告在 npm 注册表中列出,使其成为地球上最大的单一语言代码存储库,您可以确定有一个包(几乎!)所有内容。

webpack5之打包自动清理目录(webpack设置打包目录)

在生产环境下,每次打包构建后,都会生成hash值不用的文件,造成了很多冗余的文件,因此我们需要引入一个插件来在打包的时候先清理目录。

分享给大家三十道前端面试题(2021最新前端面试题及答案)



1、Vue项目为什么要在列表组件中写key?

key的作用是为了在diff算法执行时更快的找到对应的节点,提高diff速度;

不带key的模式只是适用于无状态的组件。对于大多数场景来说,列表组件都有自己的状态。带上唯一key虽然会增加开销,但是对于用户来说基本感受不到差距,能保证组件状态正确,这应该就是为什么推荐使用唯一id作为key的原因。

一文搞定nodeJS相关的nvm、npm、nrm、yarn、npx等

node、npm等相关概念

node 和 npm 相关的名词很多,比较容易混淆。

下面对这些名词做个统一梳理

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接