小白上学之webpack5 - 第四章 webpack5的output配置

算法追梦人
• 阅读 1007

output

输出打包后的代码,配置如何输出和输出位置

webpack.configoutput包含以下属性:
path:代码打包后要输出的位置,且为绝对路径: 例如:path.resolve(__dirname, 'build'),则打包后的代码都会输出到当前目录下的build文件夹内。

publicPath:需要加载的资源的真实路径,默认为相对路径:例如:http://www.baidu.com/dist/
则在index.html中可以看到script标签的src属性的值都加了publicPath的值。一般情况下我们都将它设置为/或者./

crossOriginLoading: 设置scriptcross-origin属性,该属性有三个值:
false: 默认值, 表示不跨域;
anonymous: 表示跨域,不设置任何凭证;
use-credentials: 表示跨域,需要设置凭证;(基本用不到)

filename打包后的js文件名称,且需要写后缀

assetModuleFilename静态资源输出名称

chunkFilename 异步引入的文件名称,既在js中import('XXX.js').then(_=>{})这样引入或者通过webpack自带的异步引入方式等其他异步引入js的方式,这里就会使用配置的名称;asseet_[name]_[id].js可以配置成通用形式,也可以自己指定[chunk]值。

// webpack自带的一些内置变量一样的东西。
[name]:原始文件名称
[file]:原始路径,带文件名、后缀
[base]:原始文件名+后缀
[path]:路径名称,不带文件名称
[id]:可以设置,或者按照路径分割,啥都不管的话就等于webpack给当前文件引用的key值

library: 不仅仅是一个文件,而是需要导出一个库。则就会把入口文件export defalut导出的东西创建成一个ems形式的的包文件,即可在任意项目内就通过script或import形式引入使用了。
library.name包名称
library.type:var,module,umd,cmd,amd,require等等

library.export:指定哪个导出应该暴露为一个库,假如入口文件有log1,log2两个方法。则可以指定导出谁。
library.auxiliarycomment:在UMD模式下可用,可以在js内添加注释说明,一般用于,显示作者,代码版本号,版权等等信息。
library.umdNamedDefine: 在UMD模式下是否使用define

最常用的也就是这些了。

点赞
收藏
评论区
推荐文章
DaLongggggg DaLongggggg
4年前
python刷题-圆的面积
问题描述给定圆的半径r,求圆的面积。输入格式输入包含一个整数r,表示圆的半径。输出格式输出一行,包含一个实数,四舍五入保留小数点后7位,表示圆的面积。说明:在本题中,输入是一个整数,但是输出是一个实数。对于实数输出的问题,请一定看清楚实数输出的要求,比如本题中要求保留小数点后7位,则你的程序必须严格的输出7位小数,输出过多或者过少的小数位数都是不
执键写春秋 执键写春秋
4年前
Java练习(三)——返回集合中的最大的和最小的元素
题目:在一个列表中存储以下元素:apple,grape,banana,pear,现要求将集合进行排序,返回集合中的最大的和最小的元素,并将排序后的结果打印在控制台上,要求的打印输出方法分别为默认toString输出、迭代器输出、for循环遍历输出和增强for循环输出。packagetest;importjava.util.;publicclassP
DaLongggggg DaLongggggg
4年前
python刷题-查找整数
问题描述给出一个包含n个整数的数列,问整数a在数列中的第一次出现是第几个。输入格式第一行包含一个整数n。第二行包含n个非负整数,为给定的数列,数列中的每个数都不大于10000。第三行包含一个整数a,为待查找的数。输出格式如果a在数列中出现了,输出它第一次出现的位置(位置从1开始编号),否则输出1。样例输入61948399样例输
Wesley13 Wesley13
3年前
Log4J.xml配置详解
Appender:日志输出器,配置日志的输出级别、输出位置等,包括以下几类:ConsoleAppender:日志输出到控制台;FileAppender:输出到文件;RollingFileAppender:输出到文件,文件达到一定阈值时,自动备份日志文件;DailyRollingFileAppender:可定
Stella981 Stella981
3年前
Log4j配置详解
Log4j简介Log4j有三个主要的组件:Loggers(记录器),Appenders(输出源)和Layouts(布局)。这里可简单理解为日志类别,日志要输出的地方和日志以何种形式输出。综合使用这三个组件可以轻松地记录信息的类型和级别,并可以在运行时控制日志输出的样式和位置。1.LoggersLoggers组件在此系统中
Wesley13 Wesley13
3年前
oracle 9i DBMS_OUTPUT输出超长字段
oracle9i的dbms\_output.putl\_line最大输出长度为255个字符,总输出长度为1000000。可通过如下过程输出clob等大字段数据内容:CREATEORREPLACEPROCEDUREPRINT_CLOB(P_CLOBINCLOB)ASL_OFFSETNUMBERDEFAULT1;
Wesley13 Wesley13
3年前
DBMS_OUTPUT(用于输入和输出信息)
1、概述作用:用于输入和输出信息,使用过程PUT和PUT\_LINES可以将信息发送到缓冲区,使用过程GET\_LINE和GET\_LINES可以显示缓冲区信息。该包用来输出plsql变量的值,属于系统用户sys。下面讲述包的组成:2、包的组成1)、ENABLE说明:该过程用于激活本包,如果没
Wesley13 Wesley13
3年前
Underscore解析html模板
Underscore的\_.template模板函数只能解析3种模板标签<% %:用于包含Js代码,这些代码将在渲染数据时被执行。<%%:用于输出数据,可以是一个变量、对象的属性、或函数(输出函数的返回值)。<%%:用于输出数据,同时会将数据中包含的HTML字符转换为实体形式(例如它会将双引号转换为&quot;形式),用于避免X
Stella981 Stella981
3年前
Linux常用快捷键和命令记录(二)
使用zip打包文件夹:(r 参数表示递归打包包含子目录的全部内容,9表示压缩级别,q 参数表示为安静模式,即不向屏幕输出信息,o,表示输出文件,需在其后紧跟打包输出文件名。)压缩级别最高9,最小1。$zipr9qoaijiao.zip/home/aijiao/Desktop使用 du 命令查看
芝士年糕 芝士年糕
2年前
Linux中的重定向和管道符
租了台服务器,用来学习linux,有需要的可以后台私信我,很便宜的重定向(重定向)和(追加重定向)重定向就是把一个命令的输出保存到一个文件中,而不是直接输出到屏幕上。例如,ls会将当前目录下的文件名输出到屏幕上:使用重定向:ls/home/test/output.txt那么,就会把ls在屏幕上输出的内容写到/home/test/output.txt(
算法追梦人
算法追梦人
Lv1
多少年心如死灰换你回头让我心动
文章
2
粉丝
0
获赞
0