webpack2.x基础属性讲解(二)

resolve:模块的处理方案

resolve.alias：设置模块别名，便于我们更方便引用

通过在resolve.alias对引用的文件设置别名，对引用的模块名称进行简写和地址重定向(例:bootstrap的引用)

resolve.extensions:默认解析扩展路径，设置完成后再引入文件后可以节约后缀名如.js .css .sass等

resolve.modules：设置解析器查找模块的目录，默认是npm使用npm下载的node_modules下

上面是我们常用的配置命令，剩下还有些额外其他的暂时没有使用到的具体位置，所以就简单介绍一下

resolve.mainFields:解析一个目录时,配置的文件将视为文件的入口文件。

下面的代码设置在解析jquery的文件路径时，进入到jquery下的main.js 或者bower.js进行引用

resolve.descriptionFiles:描述文件，配置文件将在目录中读取

如 resolve:{descritionFiles:['package.json','bower.json']}

resolve.aliasFields：别名字段描述文件中这些字段提供了该包的别名对照关系

resolve.enforceExtension:bool值; 是否强制使用扩展名。如果为false时候，在解析一个文件，也会尝试匹配无扩展名的文件

resolve.moduleExtensions: 模块后缀名，解析一个模块时，将会尝试附加这些后缀名

resolve.enforceModuleExtension:bool值.强制使用模块后缀名，如果值为false,在解析一个模块名时,也会尝试匹配不包含后缀名的模块。

Externals：用于设置引用外部的环境进行模块构建，有利于程序优化,注意一点 externals配置的外部变量对象一般为某一个插件提供的对象。如:jquery=>$|jQuery swiper=>Swiper angular=>Angular

plugins:用语webpack在构建工具时的多种创建方式

webpack内置对象optimize 用来对构建的文件进行优化，提供了两个方法

optimize.uglifyJsPlugin : 压缩js文件

optimize.CommonsChunkPlugin:js编译文件的模块提取(我个人认为webpack比gulp好的一块分割代码)

ExtractTextPlugin：编译文件的css模块提取

注:大部分plugins需要额外进行下载

以上基础的的webpack属性就简单over了当然后面有些其他的额外例子供给大家学习，语言方面不是很有天分，只能靠补了，大家互勉

转载于:https://www.cnblogs.com/ygapp/p/6665845.html

webpack2.x基础属性讲解(二)相关推荐

ie9无法获取未定义或 null 引用的属性“indexof”_前端JS基础篇（二）JS基本数据类型和引用数据类型及检测数据类型方法...
JS中的数据类型 (一).基本数据类型(值类型) 1.number:数字 -12.12.5.-12.5 0这些数字都是number: js中增加了一个number类型的数据:'NaN' typeof ...
STM32驱动开发（二）--USB Device RNDIS虚拟网卡(USB2.0 基础概念讲解)
STM32驱动开发(二)–USB Device RNDIS虚拟网卡(USB2.0基础概念讲解) 一.简介本文基于stm32 Rndis实例,github开源, 使用STM32F407单板.结合协 ...
《平衡掌控者游戏数值战斗设计》学习笔记（二）人物基础属性设计
MMORPG设计模式一.职业基础属性设计 1.基础属性属性层数根据项目的情况,可以为自己的属性设定层数与数量,通常有一级属性与二级属性一级属性:一般情况下不直接参与战斗的人物属性,通过升级与加 ...
C/C++基础讲解(二十六)之数值计算与趣味数学篇(打鱼还是晒网与怎样存钱以获取最大利息)
C/C++基础讲解(二十六)之数值计算与趣味数学篇(打鱼还是晒网与怎样存钱以获取最大利息) 程序之美前言很多时候,特别是刚步入大学的学子们,对于刚刚开展的计算机课程基本上是一团迷雾,想要弄明白其中 ...
ProgressBar(进度条)－常用属性讲解与基础实例
本节给大家带来的是Android基本UI控件中的ProgressBar(进度条),ProgressBar的应用场景很多,比如用户登录时,后台在发请求,以及等待服务器返回信息,这个时候会用到进度条:或者 ...
C/C++基础讲解(二十九)之数值计算与趣味数学篇(百钱百鸡问题、爱因斯坦的数学题、三色球问题与马克思手稿中的数学题)
C/C++基础讲解(二十九)之数值计算与趣味数学篇(百钱百鸡问题.爱因斯坦的数学题.三色球问题与马克思手稿中的数学题) 程序之美前言很多时候,特别是刚步入大学的学子们,对于刚刚开展的计算机课程基本 ...
新手上路：ADAMS 基础知识讲解（图文并茂）【转载仿真论坛】(二）
引用 Baker 的新手上路:ADAMS 基础知识讲解(图文并茂)[转载仿真论坛](二) 二.书籍篇宗旨:勤看书勤做实例对新手来说,书无非是第一手好资料了,目前关于adams的中文书有如下: 1 ...
SQL基础使用入门(二): DML语句和DCL语句
SQL语句第二个类别--DML 语句 DML是数据操作语言的缩写,主要用来对数据表中数据记录实例对象进行操作,包括插入.删除.查找以及修改四大操作,这也是开发人员使用中最为频繁的操作. 1.插入记录 ...
Eggjs入门系列-基础全面讲解（完结）
对上篇文章回顾下,上篇讲到了服务(Service) 插件定时任务框架扩展启动自定义应用部署日志 HttpClient Cookie 与 Session Cookie 通过 ctx.cook ...

webpack2.x基础属性讲解(二)

webpack2.x基础属性讲解(二)相关推荐

最新文章

热门文章