webpack打包后的文件名问题

问题描述

问 题

filename用了[name],按理输出的文件名应该是app.min.js和app.chunk.min.js。可是实际的输出名却是这样

哪位大神解释下，谢过了

解决方案

首先是app.min.js的问题

你在output.filename里定义的是[name].min.js，但实际上你没有指定[name]是什么，因为[name]并不是你入口文件的文件名，而是这个chunk的名称。
[name]需要在entry里指定的：

entry: {
  app: './src/app.js',
}

又或是你觉得碍事的，就直接定义output.filename为app.min.js呗（如果你是单页应用的话可以这么做）

接着是app.chunk.min.js

这是在output.chunkFilename里定义的，因为可能会有多个chunk，所以不要写死了，建议这么写：[chunkhash].chunk.js

少年你还没入门webpack嘛，看看这个文章系列来学习一下吧，《webpack多页应用架构系列（一）：一步一步解决架构痛点》

这篇关于webpack打包后的文件名问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！