我們在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}`)
]
}