我们在webpack打包js文件时,为了方便校对输出的生产文件的版本,我们最好在输出的文件头部加上版本号注解,在package.json中有一个version字段记录我们整个node项目的版本号,那么我们如何将这个版本号加在webpack输出文件的注释上呢?完成效果如图:
添加注释可以用到webpack自带的BannerPlugin插件,然后在webpack.config.js中引入package.json来获取version字段信息就行了,具体步骤如下:
1,webpack.config.js增加依赖
const webpack = require('webpack');
const packageinfo = require('./package.json')
2,webpack.config.js配置BannerPlugin插件
module.exports = {
plugins: [
new webpack.BannerPlugin(`pacakge version:${packageinfo.version}`)
]
}
webpack.BannerPlugin括号内传的参数就是在输出文件头部要加的注释内容,为string字符串。
完整的webpack.config.js代码:
'use strict';
const path = require('path')
const webpack = require('webpack');
const packageinfo = require('./package.json')
module.exports = {
entry: './index.js',
output: {
path: path.resolve(__dirname,'dist'),
filename: 'index.min.js'
},
plugins: [
new webpack.BannerPlugin(`pacakge version:${packageinfo.version}`)
]
}