我的js文件有很多注释和空格，这增加了它的大小，减慢了网站的速度。所以我正在寻找一种方法来减少所有，当我启动服务器，但我应该能够编辑它与我的原始文件。基本上，当我们"查看页面源代码"时，浏览器会看到缩小版本，但我应该能够在IDE中看到注释版本。有什么npm包或者其他方法可以做到吗?
这通常是通过诸如parcel或webpack之类的构建工具完成的(还有许多其他工具)。
Parcel可能是最容易设置的，因为最重要的特性——包括最小化——是内置的，或者是自动配置的，不过这可能取决于你如何组织你的项目。在最好的情况下，你只需要安装它
npm install --save-dev parcel
，然后你可以用
创建一个产品版本parcel build index.html
(如果index.html是你的主文件)。