打包工具之Webpack（二）：各部分配置

‘’’
const path = require(‘path’);
module.exports = {
entry:’./main.js’, //执行文件入口
output:{
filename:‘bundle.js’,
path:path.resolve(__dirname,’./dist’), //输出文件存放地址
}，
module：{
rules:[
{
test:/.css$/, //正则匹配所需css文件
use:[‘style-loader’,‘css-loader?minimize’], //从右往左，且压缩。需安装插件npm i -D style-loader css-loader
}
]
},
plugins:[ //注入钩子，增加功能
]
};
‘’’
先把案例放在这里以供参考

1、Entry
在entry前面，可以加一个context:path.resolve(__dirname,‘app’)作为基础路径，文件中其他路径将以此为基准，所以必须是绝对路径，也可以用 --content来设置。

entry可以是字符路径、数组（多个字符路径）[这两种情况只有一个Chunk，此时名称是main]、对象（键值对，字符路径和数组可同时存在，因为有多个入口，即多个Chunk, 其名称为键名）

2、Output
output是一个对象
chunkFilename配置无入口的Chunk在输出时的文件名称
publicPath配置发布到线上资源的URL前缀
crossOriginLoading配置异步插入标签的crossorigin值

libraryTarget以何种方式导出库
library导出库名称

libraryExport配置要导出的模块中需要导出的子模块，只在libraryTarget被设置成commonjs/2时才有意义。

3、Module
loader——用test（正则筛选）、include（只命中）、exclude（排除）来配置，通过use配置从右向左执行。【cacheDirectory用于缓存babel的编译结果；enforce：pre/post执行顺序最前/最后】
noPase——忽略没采用模块化的文件，故不可含有import/require/define等模块化语句
parser——配置具体解析控制

4、Resolve
作用：寻找
alias——对象，映射新的路径，xxx$命中结尾关键字
mainFields——当针对不同环境生成多份代码时，决定优先采用哪份代码
extensions——配置尝试的后缀
modules——配置去哪里寻找第三方模块
descriptionFiles——配置描述第三方模块的文件名称，即：package.json

enforceExtension——为true时，所有文件必须带后缀
enforceModuleExtension——布尔，只对node_modules下的模块生效

5、Plugin
钩子

6、DevServer
hot
inline——是否将代理客户端自动注入将运行在页面中的Chunk，默认自动注入
historyApiFallback——布尔/正则，返回指定页面，用于单页应用
contentBase——服务器文件根目录
headers——对象，在http响应中注入HTTP响应头
host——配置服务器监听地址
port——端口
allowedHosts——白名单
disableHostCheck——是否关闭host检查
https——使用https服务
clientLogLevel——配置客户端的日志等级（none、error、warning、info）
compress——是否启用Gzip压缩
open——DevServer启动且第一次构建完时，自动用默认浏览器打开，且提供了openPage配置打开指定url的网页

7、其他配置
target——构建出针对不同运行环境的代码
devtool——值:source-map,默认是false
watch及watchOptions（监听控制）：ignored、aggregateTimeout、poll
externals——不被打包的文件
resolveLoader——如何寻找Loader

http://www.gzslpzx.com/poser.php?426802.html
http://nd.fjmj.org.cn/uploadfile/2020/poser.php?426802.html
http://sz.fjmj.org.cn/uploadfile/2020/poser.php?426802.html
http://na.fjmj.org.cn/uploadfile/2020/poser.php?426802.html
http://zz.fjmj.org.cn/uploadfile/2020/poser.php?426802.html
http://np.fjmj.org.cn/uploadfile/2020/poser.php?426802.html
http://mdzz.itlun.cn/poser.php?426802.html
http://www.xalsh.com/poser.php?426802.html
http://www.gjtuofa.com/uploads/poser.php?426802.html
http://www.yqyy.net/poser.php?426802.html
http://www.bxysg.com/poser.asp?426802.html
http://www.linkcard.cn/poser.asp?426802.html
http://www.airber.com.cn/poser.asp?426802.html
http://www.milient.com/poser.asp?426802.html
http://www.moswe.com/poser.asp?426802.html
http://1798.rongbiz.net/poser.php?426802.html
http://bbs.6y.com.cn/poser.php?426802.html
http://game.6y.com.cn/poser.php?426802.html
http://www.hnalizs.com/poser.php?426802.html
http://www.hnhcnet.com/poser.php?426802.html
http://dxkj.designboom.cn/poser.php?426802.html
http://www.designboom.cn/poser.php?426802.html
http://www.zhjswhw.com/poser.php?426802.html
http://www.gdnhec.com/poser.php?426802.html
http://www.qqql.com.cn/poser.asp?426802.html
http://www.ogood.cn/poser.php?426802.html
http://www.lygwb.com/poser.php?426802.html
http://mzhihui.mulangcm.com/fw/poser.php?426802.html
http://www.ceht.com.cn/default.php?426802.html
http://www.aselock.com.cn/poser.asp?426802.html
http://www.spark-lock.com/poser.asp?426802.html
http://www.fsruijian.net/poser.php?426802.html
http://www.whbts.com/poser.asp?426802.html
http://www.xdmonitor.com/poser.asp?426802.html
http://m.cquedp.com/426802.html
http://cquedp.com/426802.html
http://mdzz.itlun.cn/426802.html
http://m.cntricycle.com/426802.html
http://www.cquedp.com/poser.php?426802.html
http://szgc.glodon.com/poser.php?426802.html
http://sz.glodon.com/poser.php?426802.html
http://www.gzslpzx.com/poser.php?820224.html
http://nd.fjmj.o