BiuBiu_Tian(田)

webpack原理分析什么是webpack本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序是，它会递归的构建一个依赖关系图(dependency graph)， 其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或者多个bundle。webpack就像一条生产线，要经过一系列处理流程后，才能将...

React 用数据驱动界面的方式

TypeScript现在已经成为前端开发新宠，很有必要学习下。这篇博客详细记录了我如何搭建TypeScript开发环境，希望对你有用！

对文章的作者，我的同事黛妮表示感谢。我们一起完成了这篇文章。这里附上原文的地址：https://www.yuque.com/rocket/rocket_doc/pyo2i1开发目的快速可交互的搭建生成Change Log更新日志，来提高自己的工作效率。实现思路要实现Change log自动生成，需要有脚本可以根据项目提交的commit自动生成Change log ，然后还有脚本自动生成版...

有一点规模的团队，都需要逐渐构建自己的npm包。现在有一个比较好的解决方案Sinopia，可以快速搭建和部署私有的npm服务器。本文详细记录了我在搭建私有npm包时，遇到的问题，以及个人的思考。1. 安装Sinopia连接中的文档已经写的很详细了，我就不重复造轮子了。安装Sinopia2. 下面是构建过程中遇到的问题：2.1. 外网无法访问私有sinopia服务...

参考文章构建前端npm库开发框架其实看完整篇文章之后，我们会发现整个脚手架，最关键的莫过于webpack的配置文件，我们为每个模块配置loader，入口、出口。然后通过package.json的script，来配置执行不同webpack配置项的脚本，将结果输出到指定的目录。说白了，自己构建一个脚手架的、或者npm开发包的流程，就是配置webpack的流程。这就解决了共用一个no...

查看nginx所在的路径[root@webteam local]# ps -ef | grep nginxroot 1652 1 0 5月04 ? 00:00:00 nginx: master process /usr/sbin/nginx -c /etc/nginx/nginx.confnginx 1653 1652 0 5月04 ? ...

在我们开发vue组件的过程中，希望把markdown文档写的插件使用说明，也展现到页面中。那么具体怎么做呢？1、安装vue-markdown-loadernpm install vue-markdown-loader --savenpm install markdown-it-container --save2、为webpack配置loader{ test...

1、背景在多人协作项目中，如果代码风格统一、代码提交信息的说明准确，那么在后期协作以及Bug处理时会更加方便。因此，在本文章中，我会介绍怎么使用下面这个工具，在git push 代码之前检测commit messages：commitlinthuskycommitlint介绍2、先来介绍博主采用的commit规范Commit message格式<ty...

通过git commit 的信息生成changeLog这么做的前提是，我们的commit信息必须遵循公司的commit的规范。快速上手$ npm install -g conventional-changelog-cli$ cd my-project$ conventional-changelog -p angular -i CHANGELOG.md -s推荐的工...

将markdown格式的changeLog转换为HTML文件主要是用marked.js来实现markdown文本的解析1.安装marked.jsnpm install marked --save 2.需要转换成HTML的markdown文件<a name="1.1.4"></a>## 1.1.4 (2018-05-15)### Bug...