webpack 合并js并指定合并js文件的名字

在捣鼓webpack,我想能不能合并js文件,并且命名为自己想要的名字,而不是都是main开头的,正如大家知道的,webpack.config.js 中的entry有多种书写方式:

第一种:指定单个文件

entry:"./src/index.js"

第二种:指定为数组

entry:["./src/main.js","./src/main.js"]

如果你的output是这样写的(要引入path哦 require("path"),便于解决路径问题)

output:{

path:path.resolve(targetPath,"./dist"),

filename:"[name].min.js",

}

那么打包后生成的文件名则为main.min.js,现在我想合并指定js并且指定合并后的文件名,则可以采用第三种写法

entry:{

  index:["./src/index.js","./src/main.js"]

}

这样再配合上面的output,则输出的文件名则为index.min.js

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 6,515评论 2 71
  • 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过...
    阳阳阳一堆阳阅读 3,336评论 0 5
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,715评论 7 110
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,498评论 1 32
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,973评论 19 139