InterpolateHtmlPlugin Webpack插件用于动态插入自定义变量到index.html
InterpolateHtmlPlugin 是一个实用的 Webpack 插件,用于把自定义变量插入到index.html
中。它适合在构建时动态替换 HTML 中的内容。比如,你可以在index.html
里用%NODE_ENV%
来代表环境变量,而插件会根据配置自动替换成相应的值。使用起来也挺简单,运行yarn add interpolate-html-plugin --dev
安装插件,在 Webpack 配置中加上new InterpolateHtmlPlugin({ 'NODE_ENV': 'development' })
就好了。你还可以把它与html-webpack-plugin
结合使用,做一些复杂的逻辑操作。比如,判断NODE_ENV
是不是'development'
,做不同的。这样就能在开发和生产环境中灵活地插入内容,方便哦。
32.28KB
文件大小:
评论区