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

Question

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

现在用 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/'))

Answer 1

都编译过了，还要看什么

Answer 2

webpack 是使用 uglifyjs 进行 JavaScript 代码压缩的，而 uglifyjs 是支持 license 注释保留的。

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

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

其中 comments 相关的配置

Answer 3

new webpack.BannerPlugin(xxxxxxxxxxxxxxx),

Answer 4

压缩文件加上注释?? 你是想干嘛... 难道你还想看编译后的文件?