美文网首页
webpack 合并js并指定合并js文件的名字

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

作者: 午夜书琳 | 来源:发表于2017-03-26 17:29 被阅读0次

在捣鼓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 合并js并指定合并js文件的名字

    在捣鼓webpack,我想能不能合并js文件,并且命名为自己想要的名字,而不是都是main开头的,正如大家知道的,...

  • gulp-concat js-压缩并合并

    引入 gulp 模块 引入 uglify 压缩 模块 引入 js 合并模块 压缩 并 合并 js文件

  • 前端的项目优化

    如何进行项目优化呢?1,文件合并 减少http请求,合并css js 文件2,文件体积压缩。利用webpack,G...

  • Web性能优化

    1、压缩及合并资源使用webpack或Parcel压缩图片、合并CSS和JS文件在线压缩图片网站:https://...

  • 优化资源

    文件最小化/文件压缩 js和css文件通过gulp,webpack等工具合并、压缩,减少用户流量,小图片可以在打包...

  • 高性能JS笔记

    第九章 构建并部署高性能JavaScript应用 1 合并多个JS文件,减少HTTP请求数 2 预处理JS文件,虽...

  • 网站性能优化

    1、资源压缩合并 (1)图片:雪碧图 (2)JS、CSS合并:利用项目构建工具webpack、grunt、gulp...

  • ReactNative合并入口js

    ReactNative合并入口js Android 有 index.android.js文件编写android 平...

  • 前端性能优化汇总

    网络优化 减少请求文件数,资源合并(雪碧图、SVG(Iconfont)、JS/CSS文件合并) 减少资源体积,资源...

  • webpack学习笔记—优化缓存、合并、懒加载等

    进一步添加配置,优化合并文件,加快编译速度。下面是生产环境配置文件webpack.production.js,与w...

网友评论

      本文标题:webpack 合并js并指定合并js文件的名字

      本文链接:https://www.haomeiwen.com/subject/raykottx.html