output
输入打包后的代码,配置如何输入和输入地位
在webpack.config
中output
蕴含以下属性:path
:代码打包后要输入的地位,且为绝对路径: 例如:path.resolve(__dirname, 'build')
,则打包后的代码都会输入到当前目录下的build
文件夹内。
publicPath
:须要加载的资源的实在门路,默认为相对路径:例如:http://www.baidu.com/dist/
,
则在index.html
中能够看到script
标签的src
属性的值都加了publicPath
的值。个别状况下咱们都将它设置为/
或者./
crossOriginLoading
: 设置script
的cross-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
最罕用的也就是这些了。