当前位置: 首页 > 文档资料 > HTML5 学习笔记 >

Webpack 五大核心概念

优质
小牛编辑
130浏览
2023-12-01

一、Entry

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

二、Output

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

三、Loader

Loaderi Webpack能够去处理那些非Javascript文件(webpack 自身只理解JavaScript)

四、Plugins

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

五、Mode

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

选项描述特点
development会将process.env.NODEENV的值设为development。 启用NamedchunksPlugin和NamedModulesPlugin。能让代码本地调试运行的环境
production会将process.env.NODE_ENV的值设为production 启用FlagDependencyUsagePlugin,FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, OccurrenceOrderPlugin,SideEffectsFlagPlugin和UglifysPlugin.能让代码优化上线运行的环境