通常，js代码出错，控制台会提示第几行第几列代码出错。但是webpack打包压缩后的代码，都被压缩到了一行，变量也变成了a,b,c,d。代码出错，控制台就没法正确的提示错误位置。 sourceMap就可以解决这个问题。sourceMap就是一个信息文件，里面储存着打包前的位置信…

如何使用 pnpm + workspace + changesets 构建你的 monorepo 工程

目的聚焦开源官网开发，分享从 0 到 1 的官网开发实践经验，文章包括 需求、设计、实现思路、技术架构、构建部署、预览、源码以及开源实践总结

确保项目是使用vue-clli3.x.x版本。 在了解这个配置之前，需要先了解一下vue-cli-plugin-dll的vendor文件获取机制，在获取vendor文件的时候有两种方式实现。 1.在执行 npm run dll命令时,将构建生成的所有文件的路径存储在cache.…

我们公司有一个自己维护的应用组件库，但是应用组件库的文档不足，同时还不能在线运行栗子，看了看ElementUI的文档还不错，参考(抄袭)ElementUI的实现方案来编写公司内部的组件说明文档。 把用markdown写的文档拼接成vue文件(这个通过他们自己写的md-loade…

随着项目逐渐扩展，业务功能越来越多，代码量越来越多，开发人员数量也越来越多。此过程中，你是否有过以下烦恼？ 如果有这些烦恼，说明你的项目需要进行 组件化 了。 在介绍组件化之前，先说说模块化。我们知道在Android Studio中，新建工程默认有一个App module，然后…

「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了然于胸。

- 了解项目vue cli webpack配置 - webpack构建相关优化 - webpack打包体积相关优化 - docker相关优化

... 从下图可以看到,打包出来后最大的包有1.33M。然后再看下请求,哇,217个请求、首页下载需要3.2M。 ... 1. 优化scss配置文件的引入 我们在搭建项目的过程中经常性的会将一些scss配置文件抽离出来，例如主题色等，然后在每个需要的组件中引入。这样会显得很繁琐…