webpack

       webpack是一个js应用程序的静态模块打包器,主要偏向于模块化

       从webpack4.0.0开始,可以不用引入配置文件,不过,webpack依然是高度可配置的

       webpack有是个核心概念: 1)入口(entry) 2)出口(output)3)loader 4)插件(plugins)

        入口(entry):  指定一些模块作为webpack构建内部依赖图的开始

        出口(output):  设置webpack创建的bundles的输出路径,以及如何命名它们,默认是 ./dist  

         loader:webpack只能理解 javascript,而 loader 可以将任何类型的文件转换成 webpack 可以处理的有效模块

                      loader有两个属性: 1)test----要转换的文件是什么格式,2)user----需要哪个loader进行转换

        插件(plugins):插件可以处理各种各样的任务,比如,打包优化,压缩,重新定义环境中的变量

                                      require()插件,将其放入plugins里(如果需要多次使用同一个插件,只需通过new一个实例)

 

         webpack的配置是一个导出对象的javascript文件,webpack根据其定义的属性进行解析,所以一般来说,webpack配置可以有很多种风格与格式

 

         

         

posted @ 2018-09-25 21:03  yezi-dream  阅读(137)  评论(0编辑  收藏  举报