webpack五个核心概念 {#webpack五个核心概念}

Entry {#entry}

• 入口(Entry)指示Webpck 以哪个文件为入口七点开始打包,分析构建内部依赖图

Output {#output}

• 输出(Output)指示Webpck打包后的资源bundles输出到哪里去,以及如何命名

Loader {#loader}

• Loader让Webpack 能够去处理那些非javascript文件 webpack自身只理解javascipt

Plugins {#plugins}

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

Mode {#mode}

模式(Model)指示Webpack使用相应模式的配置。

development {#development}

会将process.env.NODE_env的值设为develelopment。 启用NamedChunksPlugin 和 NamedModulesPlugin。能让代码本地调试运行的环境|

production {#production}

会将process.env.NODE_ENV的值设为production。启用FlagDependencyUsagePlugin,FlagincludedChunksPlugi,ModuleConcatenationPlugin，NoEmitOnErrorsPlugin,OccurrenceOrderPlugin,SideEffctsFlagPlugin 和 UglifyJsPlugin. 能让代码优化上线的运行环境