在 Vue 中，我们通过 Vue.component('MyComponentName', { /* ... */ }) 的方式来进行全局组件注册，但如果需要全局注册的组件很多，这时代码就会变得比较臃肿，例如： 下面我们就针对这块痛点，做些优化。 回看上面的演示代码，最先能想到…

utils目录下创建一个js文件,这里就命名为globalComponents.js. npm install --save lodash,里面的某些处理函数需要用到,比较方便. components目录下创建组件,这里要被注册为全局的组件我都以Base作为前缀命名. 然后ma…

小小的前端有大大的梦想。做一个属于我们自己的 UI 组件库应该是个不错的小目标了。那。。。组件是什么😯？我想应该不用多说，在日常开发中我们天天与之打交道，你所写的每一个 vue 文件都可以当做是一个组件，只不过通用性有所区别而已。组件写得多了，随着时间的推移，你就会有写一个组…

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。

optimization. runtimeChunk配置

``` import Vue from 'vue' import Vuex from 'vuex' import getters from './getters' // import app from

今天偶然看github，看到了一个叫 webpack-virtual-modules 的项目，进去看了一下当时我就被它的设计给震惊了。这让我觉得不可思议，原来还可以这么玩。随后我便顺手把之前的模块化按需编译方案改进了一下，发现真的太爽了。这篇文章可能是在掘金第一篇普及实践web…

前言 去年同期写过一个基于 Node 的 DevOps 系列，但是整个项目工程非常大，上手成本比较高，对于一些中小型团队或者新手参考的意义不算多，所以针对这些群体重启了一个新的工程化系列。 新的系列将

entry是整个配置文件的入口，没有之一。 entry有两种入口，四种配置。 既然有入口，那就肯定有出口啦！就好像人，要吃饭也要拉*。这里的出口就是打包好的东西要把它放在哪里。 module.rules就是loader的配置位置，loader用于解决一些代码的兼容性。 plug…