概念: webpack 是一个古代 JavaScript 应用程序的动态模块打包器(module bundler)。当 webpack 解决应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中蕴含应用程序须要的每个模块，而后将所有这些模块打包成一个或多个 bundle。

Webpack几个概念：module: 模块，在webpack眼里，任何能够被导入导出的文件都是一个模块。chunk: chunk是webpack拆分进去的：entry chunk：每个入口文件都是一个chunk通过 import、require 引入的代码children chunk：通过 splitChunks 拆分进去的代码commons chunk: 通过CommonsChunkPlugin创立进去的文件bundle: webpa…

在理论我的项目开发中，须要基于多种环境去设置不同的环境变量以便于在构建阶段或是运行阶段去应用，例如常见的通过process.env.NODE_ENV在构建时去判断以后的构建环境是development还是production，例如须要在开发环境、测试环境和生产环境去拜访不同的接口服务器。

[链接]

webpack 是一个古代 JavaScript 应用程序的动态模块打包器 (module bundler)。当 webpack 解决应用程序时，它会递归地构建一个依赖关系图 (dependency graph)，其中蕴含应用程序须要的每个模块，而后将所有这些模块打包成一个或多个 bundle。

开发环境和生产环境应用同一个webpack配置文件，导致生产环境打包的js文件蕴含很多没必要的插件(如：NoEmitOnErrorsPlugin)

Webpack学习Webpack 配置我的项目流程npm init （初始化）npm i webpack webpack-cli -D （我的项目装置webpack和webpack-cli）npm i style-loader css-loader less less-loader -D （装置打包款式资源所需的loader）npm i html-webpack-plugin -D （打包html的插件 这里我用 html-webpack-plugin@next ）npm i html-loader url-…

始终认为但凡ES6的代码编译为ES5都是要通过babel,而后做了尝试，运行webpack首页代码，并没有配置babel,编译进去的代码照样能够跑，这里webpack的编译指标环境为web，（即是默认的指标环境，其余的环境还没测试），尽管es module不依赖babel，然而其余ES6的语法是要靠babel能力编译到ES5的。比方const =>

@[toc]  作为一名踏足前端工夫不长的小开发必须得聊一聊webpack，刚开始接触webpack时第一反馈这是啥(⊙_⊙)? 怎么这么简单，感觉好难呀，算了先不论这些！工夫是个好货色呀，随着对前端工程化的实际和了解缓缓加深，跟webpack接触越来越多，最终还是被ta折服，不禁高呼一声“webpack yyds（永远滴神）！”

开发者能够通过 快利用转换工具 将本人的小程序源码一键转换为快利用转换版，而后上传本人的 rpk 包，审核通过后即能够在数亿安卓设施上运行本人的快利用。而快利用打包工具是构建于 webpack 之上的一个模块代码打包零碎，通过降级 webpack5 ，应用 webpack5 的长久化缓存，无望给快利用转换工具带来微小的性能晋升。更…