当前位置: 首页 > Web前端 > HTML5

Output(输出)

时间:2023-04-05 17:45:37 HTML5

配置配置output选项可以控制webpack如何将编译后的文件写入硬盘。请注意,即使可以有多个输入源,也只指定了一个输出配置。用法(Usage)在webpack中配置输出属性的最低要求是将其值设置为一个对象,包括以下属性:filename用于输出文件的文件名。用法(用法)__webpack.config.js__!module.exports={output:{filename:'bundle.js',}};此配置将单个bundle.js文件导出到dist目录。多入口源如果配置创建了多个单独的“块”(例如,使用多入口源或使用CommonsChunkPlugin之类的插件),您应该使用替换来确保每个文件都有唯一的名称。module.exports={entry:{app:'./src/app.js',search:'./src/search.js'},output:{filename:'[name].js',path:__dirname+'/dist'}};//写入磁盘:./dist/app.js,./dist/search.jsadvanced下面是一个使用CDN和hash获取资源的复杂示例:config.jsmodule.exports={//...输出:{路径:'/home/proj/cdn/assets/[hash]',publicPath:'http://cdn.example.com/assets/[hash]/'}};if在编译时,如果不知道最终输出文件的publicPath地址是什么,可以留空,在运行时通过入口点文件中的__webpack_public_path__动态设置。__webpack_public_path__=myRuntimePublicPath;//应用程序入口的其余部分