[WIP]webpack 概念

创建: 2019/04/09

概念  
 入口

 指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。

 进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。

 出口

 出口(output)属性告诉webpack在哪里输出它所创建的 bundles,以及如何命名这些文件

 默认值为  ./dist 

 loader

 处理非JavaScript文件

 插件

 loader 被用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。

 插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量。插件接口功能极其强大,可以用来处理各种各样的任务。

 模式

 通过选择 development 或 production 之中的一个, 来设置 mode 参数, 你可以启用相应模式下的 webpack 内置的优化

   
入口起点(entry points)
   
   
   
   
   
   
输出(output)
   
   
   
   
   
   
模式(module)
   
   
   
   
   
   
loader
   
   
   
   
   
   
插件(plugins)
   
   
   
   
   
   
配置(configuration)
   
   
   
   
   
   
模块(modules)
   
   
   
   
   
   
模块解析(module resolution)
   
   
   
   
   
   
依赖图(dependency graph)
   
   
   
   
   
   
manifest
   
   
   
   
   
   
构建目标(targets)
   
   
   
   
   
   
模块热替换(hot module replacement)
   
   
   
   
   
   

参考: webpack中文文档 https://www.webpackjs.com/

猜你喜欢

转载自www.cnblogs.com/lancgg/p/10674554.html