webpack文件夹 webpack文档

webpack如何把没有引用的样式去掉

webpack会把没有引用的样式去掉。
webpack内置了一个tree shaking的功能，能够分析和去除没有被引用的代码，其中包括样式文件的处理，这样可以减少项目的加载时间，并提高网页的性能。
tree shaking在webpack的2.x版本开始出现，是一个常用的优化webpack打包的技术。
如果你使用Vue、React等框架，则可以配合使用babel等其他优化技术来进一步优化项目的构建过程。

webpack怎么才算安装成功了

Webpack的安装成功可以通过以下几个步骤来判断：首先需要在命令行中输入"webpack"命令，如果可以正常运行，则表示Webpack已经成功安装。此外，还需要在项目中添加一个webpack.config.js配置文件，该文件需要包含必要的配置项和入口文件等信息。最后，还需要在项目中导入所需的模块和插件，确保项目可以正常运行。如果以上步骤都能够顺利完成，则可以认为Webpack已经成功安装，并且可以开始使用Webpack进行项目开发。

webpack有哪些主要功能

webpack的主要功能：处理依赖、模块化、打包

1、依赖管理：方便引用第三方模块，让模块更容易复用、避免全局注入导致的冲突、、避免重复加载或者加载不必要的模块

2、合并代码：把各个分散的模块集中打包成大文件，减少HTTP的链接的请求次数，配合uglify.js可以减少、优化代码的体积

3、各种插件：babel把ES6+转化为ES5-，eslint可以检查编译时的各种错误

resources是什么文件

resource指广义上的资源。任何有限的，用来分配的东西都可以叫资源，比如CPU运算时间，内存空间等。也可以指相对于代码而言的那些数据，比如CSS和JS文件，用webpack来打包。在这个上下文里，CSS和JS文件就叫做资源。

assets我更倾向于翻译成素材。比如3D游戏里的贴图，视频剪辑软件里导入的视频、音频文件等。

webpack原理和机制

1.webpack核心概念 entry: 一个可执行模块或库的入口文件。 chunk :多个文件组成的一个代码块,例如把一个可执行模块和它所有依赖的模块组合和一个 chunk 这体现了webpack的打包机制。

loader ：文件转换器，例如把es6转换为es5，scss转换为css。

plugin ：插件，用于扩展webpack的功能，在webpack构建生命周期的节点上加入扩展hook为webpack加入功能。...