Webpack将所有的静态资源都视为模块,比如JavaScript,scss,图片等,从而引入对应的loader去
加载相应的资源,并且处理成相应的模块。和大多数包管理器不一样的是,Webpack的加载器之间可以进行串联,一个加载器的输出可以成为另一个加载器的输入。
如下图,Less资源首先通过
less-loader
模块加载器加载为css资源,然后通过css-loader
模块加载器转化为css模块,最后再更加style-loader
编译转化为适合特定浏览器的最终可适用样式资源。
Webpack将所有的静态资源都视为模块,比如JavaScript,scss,图片等,从而引入对应的loader去
加载相应的资源,并且处理成相应的模块。和大多数包管理器不一样的是,Webpack的加载器之间可以进行串联,一个加载器的输出可以成为另一个加载器的输入。
如下图,Less资源首先通过
less-loader
模块加载器加载为css资源,然后通过css-loader
模块加载器转化为css模块,最后再更加style-loader
编译转化为适合特定浏览器的最终可适用样式资源。
最近觉得项目的打包速度异常的慢,于是利用webpack插件webpack-bundle-analyzer
查看打包出来的各个模块的体积已经路径,寻找优化的方向,这里做简单的总结:
最近对博客又折腾了一轮,换了一个简洁一些的主题,并且对博客SEO和评论系统做了一些优化。
之前的使用的是Disqus作为评论系统,但是由于大家都懂的原因,在墙内无法访问,总是造成页面的持续lodaing。
在多方面的对比下,选择了Giement, 同时也对这个工具的实现做了一些研究。
具体的安装和使用方法,我就不在这里赘述了,请参考作者Shiquan Sun的说明文档。
感谢作者的热心开发和共享,我主要从这些方面做了实现探究:
时光飞逝,光阴冉冉,前几天迎来了2018年的第一场雪,这在上海异常的难得,看着窗外雪白的世界,心瞬间平静了很多,思绪也有机会开始飞扬开始整理!
不知不觉间,来上海已经八个年头了,四年大学 四年工作,这些年日里,人生发生了翻天覆地的变化。
我不再是一个什么都不懂,啥事都需要问父母的孩子了
我不再是能不想任何事,只读圣贤书的书生了
我也不再是孤身拼搏,上海飘零的单身汉子了
我完成了大学的学业走向工作的岗位, 成为了社会的一颗螺丝钉,懂得责任和担当。
最近思考了很多,关于生活,关于工作,做出了一些可能影响深远的计划和行动。
这段时间也梳理了一下一些知识点,前端部分,主要是偏向于ES6 的一些可能面试点,罗列了下来。
主要分为以下几个方面的问题:
- ES6/js 语言相关
- HTTP与网络请求
- HTML5知识
- CSS 知识
- 前端安全与优化
经过前排一篇的安装和设置之后,感觉笔记本在手上顺手多了,我可以打开电脑,打上一直兴奋剂,music up,就可以美美的开始工作啦!!!
等等,工作?! 哇,原始的terminal,糟糕的界面,各种缺失。 作为一个程序员,为了赏心悦目的开发环境,又需要做些什么呢?
既然是在mac里,XCode是必不可少的啦。去 Mac App Store 下载最新版的 Xcode,然后再运行下面的命令!
1 | xcode-select --install |
方便的安装和管理我们需要的各种软件和工具,安装mac的包管理工具 Homebrew
.官方称之为The missing package manager for OS X
tag:
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true