在Tree shaking过程中，Webpack会自动分析项目中每个模块的引用关系，只有被引用过的模块和代码块才会被打包到输出文件中，未被引用的模块和代码块则会被删除，以减少输出文件大小。这样就可以标记和删除没有使用过的代码，从而减小打包后文件的体积，提升网站性能。，因为ES6模块化中的代码引用关系是明确的静态分析关系，使得Webpack能够方便地判断哪些代码需要被打包。babel会对ES6及以上

直接将后端返回的字符串渲染到页面时， 它会。就是你要渲染的带有空格的字符串。有的时候的一些需求是需要你。后端返回的字符串中的。

如图，在前面的章节我们打包后的文件默认都输出到了dist目录下，无论是图片、还是js都在同一级别目录，这里目前处理的资源比较少，如果资源一多，所有的资源都在同一级目录，看起来很费劲。那么这节就介绍一下如何将打包的资源输出到指定的目录，例如，图片资源输出到下，js文件输出到dist/js下。

【代码】uniapp和vue3中使用vConsole在H5中开启移动端调试。

Parcel是一个快速、零配置的Web应用打包器，可将L和图像等静态文件打包到一个捆绑文件中。它的主要目标是简化Web应用程序的打包过程，使开发人员可以更快速地创建现代Web应用程序。Parcel支持许多不同的文件类型和模块系统，并具有自动编译自动安装依赖项和热模块更换等功能。它是一个强大而易于使用的开发工具，广泛用于现代Web开发中。

core-js是一个JavaScript库，提供了许多ES5、ES6和其他新特性的polyfills，以确保这些新特性在旧浏览器上的兼容性。polyfill翻译过来叫做垫片/补丁。就是用社区上提供的一段代码，让我们在不兼容某些新特性的浏览器上，使用该新特性。它的主要用途是为了确保Web应用程序在所有浏览器中都能运行，并提高代码的可移植性和可维护性。举个例子，ES6引入了一个新的数据结构Map，但是

Preload和Prefetch是两种优化前端性能的技术，它们可以让浏览器在某些条件下提前加载一些资源，从而加快应用程序的加载速度。Preload指的是在页面加载时预加载一些关键资源，这些资源在接下来的页面操作中会立即用到。Preload可以使用属性来实现，比如：其中，href表示需要预加载的资源路径as属性指定预加载资源的类型相比之下，Prefetch是在页面加载后不紧急需要但将来可能需要使用的

git push 报错： error: failed to push some refs to 'ssh://git.prmt.net:10007/root/palmhall.git'

在React中，无论是函数式组件还是类组件，都可以通过props实现父组件向子组件传值。

Vue 3中拥有一个新的特性叫做ref，它是一个函数，用于包装响应式数据。与Vue 2的data选项不同，ref可以在普通JavaScript中使用，而不仅仅是在Vue组件中。ref可以将普通的JavaScript数据变成响应式的，这意味着当被包装的数据发生变化时，Vue会自动侦测到并更新相应的界面。以下是ref在上面的例子中，我们在Vue组件的setup函数中使用ref创建了一个响应式变量cou