webpack简介

什么是webpack?

webpack是一种前端资源构建工具，一个静态模块打包器。

在webpack看来，所有的资源文件，包括js、json、css、less等都会作为模块处理，它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源。

 

webpack的5个核心概念：

1.Entry

      入口指示 webpack以哪个文件入口起点开始打包，分析构建内部依赖图。

2.OutPut

    出口指示 webpack打包的资源bundles输出到哪里去，以及如何命名。

3.Loader

 Loader 让 webpack 能够去处理那些非JavaScript文件（webpack自身只理解JavaScript）

4.Plugins

     插件Plugins可以用于执行范围更广的任务，插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量等。

5.Mode

 模式（Mode）指示webpack使用相应模式的配置。

选项	描述	特点
development	会将process.env.NODE_NEV的值设为development。 启用NamedChunksPlugin和NamedModulesPlugin	能让代码本地调试运行的环境
production	会将process.env.NODE_ENV的值设为production。 启用FlagDependencyUsagePlugin,FlagIncludeChunksPlugin, ModuleConcatentationPlugin,NoEmitOnErrorsPlugin, OccurenceOrderPlugin,SideEffectsFlagPlugin和UgifyJsPlugin。	能让代码优化线上运行的环境。