Skip to main content

阐述 webpack

总结：「是什么、怎么做、解决了什么问题、优点是、缺点是、怎么解决缺点」

是什么​

webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。

webpack 各个组成部分​

  1. 入口(entry) entry 属性告诉 webpack 应该使用哪个模块，来作为构建其内部依赖的开始。

  2. 输出(output)

    • output 属性告诉 webpack 在哪里输出它所创建的编译文件，以及如何命名这些文件
    • 默认目录为 ./dist

  3. loader loader 让 webpack 能够去处理那些非 js 文件，将所有类型的文件转换为 webpack 能够处理的有效模块，利用 webpack 的打包能力，对它们进行处理

  4. plugins plugins 让 webpack 可以用于执行范围更广的任务。从打包优化和压缩，一直到重新定义环境中的变量，可以用来处理各种各样的任务。