js加版本号 webpack_webpack打包版本号定义

本文介绍了如何在webpack打包过程中利用html-webpack-plugin插件,以时间戳为版本号生成HTML,避免缓存问题。详细讲解了插件的配置项,如filename、template、inject、hash等,并给出了在webpack.config.js中动态添加日期版本号的示例。
摘要由CSDN通过智能技术生成

首先版本号的定义是为了解决缓存的问题

在编译的时候webpack提供了

插件html-webpack-plugin,

本文以时间作为版本号

限公司

html-webpack-plugin配置项

插件提供的配置项比较多,通过源码可以看出具体的配置项如下:

this.options = _.extend({

template: path.join(__dirname, 'default_index.ejs'),

filename: 'index.html',

hash: false,

inject: true,

compile: true,

favicon: false,

minify: false,

cache: true,

showErrors: true,

chunks: 'all',

excludeChunks: [],

title: 'Webpack App',

xhtml: false

}, options);

title: 生成的html文档的标题。配置该项,它并不会替换指定模板文件中的title元素的内容,除非html模板文件中使用了模板引擎语法来获取该配置项值,如下ejs模板语法形式:

{%= o.htmlWebpackPlugin.options.title %}

filename:输出文件的文件名称,默认为index.html,不配置就是该文件名;此外,还可以为输出文件指定目录位置(例如'html/index.html'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值