Lynn

珠峰架构公开课笔记之webpack4（二）配置篇

个人经验之谈：学习webpack之前还是要先学好JS和ES6语法（尤其是箭头函数），然后有一定VUE基础，学起来webpack工作机制理解更快，反过来也能理解vue中一些配置原理，打好基础很重要。代码一定要去实践！由简入繁，从易到难。

0x01 打包多页应用

首先打包的入口和出口处配置多个：

webpack.config.js

珠峰架构公开课笔记之webpack（一）基础篇

先开个坑，后面接着补。正好测试下这个Blog还正常吗，重新翻了一遍git命令和错误解决都没整明白勉强能用，中间不加root权限还死活用不了hexo命令，现在什么都没做过了几天，按照试了不知多少遍的解决方案随便捣鼓了两下，不仅码云上的博客貌似恢复正常了，github上搭建的博客也莫名其妙正常了。差点要放弃这个Blog了，wordpress也要抽时间搞起来了，话说博客园和CSDN使用不要太简单……

0x01 webpack安装

我太菜了，之前没有了解过yarn,先去安装了解了下yarn，小白可以参考我这篇博文：Ubuntu20.04安装yarn报错gpg: can’t connect to the agent: IPC connect call failed（已解决），主要记录了我遇到的报错，当然还有yarn安装步骤和常见命令。

Alert提示框的vue局部组件编写

最近一直学习vue，跟着视频敲代码，敲了两三个组件后，终于对编写组件有一个大致的思路了，以下通过编写一个alert提示框组件大致梳理一下我编写组件的思路。
主要分为三个部分：组件引入(注册路由器)、定义组件内容样式及实现组件间通信。

(注册路由器使用路由组件也可放到最后一步，个人习惯先引入然后定义组件及样式便于观察组件显示效果)

下面是引入本组件使用显示效果，通过登匹配验证为false触发alert提示框显示，点击确认关闭提示框：

单身时节又逢君

“都2020年了，这么浪漫的年份，你还是一个人吗？”

“难不成我还能是一条狗？”

嘻嘻嘻，祝大家情人节快乐呀！虽然疫情使得大家在这个情人节被异地了，甚至于成为小哥哥小姐姐们脱单之路上的拦路虎，但是我们可以更多点联系与互动，来表达自己的喜爱与思念呀，比如~线上表白系列来咯！ ^O^

主题样式及图片不显示问题

使用Git+Hexo+GitHub/Gitee搭建个人博客的详细准确教程网上有很多，本人也是按照网上大佬们的教程进行操作的，这里不再重复，本文主要记录一下在搭建个人博客时遇到的几点问题，供已经了解搭建流程并存在类似问题的同学阅读交流。

首先是搭建基于Git+Hexo+GitHub的个人博客，基本没什么问题就实现了，但实现后发现个人博客网页刷新实在是慢。于是选择Gitee（码云）建仓库搭建博客，然而遇到了一些路径问题，问题一解决比较简单，此处略作记录；问题二鲜少有提及，此处仅针对我尝试并成功的修改做说明。

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

Welcome!

This is my very first personal blog on GitHub.
https://lynn-zuo.github.io/
Thanks for the author Shen-Yu’s blog theme: hexo-theme-ayer. The website of sourcecode is https://github.com/Shen-Yu/hexo-theme-ayer.