javascript - webpack 压缩 js 和 css 后 添加 header注释

 空间无悔 发布于 2022-11-12 23:38

在 使用 gulp 开发环境是 可以用 gulp-header 来给 jscss 文件添加 头注释

现在用 webpack 该 如何实在 编译压缩 文件后 添加上 头注释呢

添加头注释 指的是 类似 jQuery

/*! jQuery v1.9.0 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license */

有当前的版本号 时间 等等

而不是指的 代码块的 说明注释

如果还不明白 可以去 gulp-header
里面有个很酷的头注释

// using data from package.json 
var pkg = require('./package.json');
var banner = ['/**',
  ' * <%= pkg.name %> - <%= pkg.description %>',
  ' * @version v<%= pkg.version %>',
  ' * @link <%= pkg.homepage %>',
  ' * @license <%= pkg.license %>',
  ' */',
  ''].join('\n');
 
gulp.src('./foo/*.js')
  .pipe(header(banner, { pkg : pkg } ))
  .pipe(gulp.dest('./dist/'))
4 个回答
  • 压缩文件加上注释?? 你是想干嘛... 难道你还想看编译后的文件?

    2022-11-12 23:38 回答
  • new webpack.BannerPlugin(xxxxxxxxxxxxxxx),

    2022-11-12 23:38 回答
  • webpack 是使用 uglifyjs 进行 JavaScript 代码压缩的,而 uglifyjs 是支持 license 注释保留的。

    具体可以直接看 uglifyjs 的配置,然后在 webpack 的 uglifyjs 插件中添加配置即可。

    https://github.com/mishoo/UglifyJS2#usage

    其中 comments 相关的配置

    2022-11-12 23:38 回答
  • 都编译过了,还要看什么

    2022-11-12 23:38 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有