webpack-vue-lib-boilerplate基于Webpack 4和Vue Loader 15的组件样板
webpack 4 的 vue 组件样板代码库，挺适合你拿来搭建组件库或做一些定制开发的。webpack-vue-lib-boilerplate 这个项目用的是 vue-loader 15，开发环境支持热更新，打包也比较清爽。用 npm run dev 就能本地启动，体验还不错。
像你平时需要写点 UI 库、或者想把组件做成 npm 包发出去，这套结构还挺省事的。目录结构简单清晰，不会把你绕晕。最常用的几个命令都已经配好了，比如 npm run build 用来构建生产环境的包，顺手还能加个 --report 看下体积情况。
单元测试也帮你考虑到了，直接 npm run unit 就行，要跑完整测试就 npm test。测试用的是 Jest，你要加点覆盖率报告也方便。
如果你刚好在用 webpack4 + Vue2 搭组件库，这套模板可以让你少走多弯路。想深入看看 vue-loader 的底层逻辑？可以点这篇源码解析，讲得还挺透。
对了，想试试多入口、或者 SVG 图标组件化，也有现成例子： Vue 多入口项目 Webpack4 实践 和 vue-svg-loader 都是不错的参考。
如果你最近打算封装自己的 Vue 组件库，又不想从零开始，那你可以直接用这套来起步，开发体验还蛮顺滑的。
文件大小：103.7KB
评论区