webpack替换html js,替换html-webpack-plugin注入的js、css url

本是古典何须时尚 2022-10-07 15:54 160阅读 0赞

webpack1+

install

npm install injectjscss-template-html-webpack-plugin

or

yarn add injectjscss-template-html-webpack-plugin

use

const injectJsCssTemplateHtmlWebpackPlugin = require('injectjscss-template-html-webpack-plugin');

const htmlWebpackPlugin = require('html-webpack-plugin');

/\* webpack config add \*/

plugin: \[

new htmlWebpackPlugin(\{....\}),

new injectJsCssTemplateHtmlWebpackPlugin(options), // 这个必须写在html-webpack-plugin 后面

....

\]

options

Object or Array

injectTemplateId - number

当有多个html-wepack-plugin的时候, 插件将通过injectTemplateId来匹配 对应的设置

同时html-webpack-plugin需要添加相同的injectTemplateId

example:

plugin: \[

new htmlWebpackPlugin(\{

injectTemplateId: 0,

....

\}),

new htmlWebpackPlugin(\{

injectTemplateId: 1,

....

\}),

new injectJsCssTemplateHtmlWebpackPlugin(\[\{

injectTemplateId: 0,

...

\},\{

injectTemplateId: 1,

...

\}\])

\]

jstemplate - function

function(everypath)\{

.....

return path;

\}

csstemplate - function

function(everypath)\{

.....

return path;

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 html替换指定字符串

html替换指定字符串 var ca = "123Tabc456"; // 获取数据 var ca2 = ca.replace("T", " ");

我会带着你远行/ 2024年02月20日 09:21/ 0 赞/ 9 阅读

相关 webpack替换html js,替换html-webpack-plugin注入的js、css url

webpack1+ install npm install injectjscss-template-html-webpack-plugin or yarn add i

本是古典何须时尚/ 2022年10月07日 15:54/ 0 赞/ 161 阅读

相关 js的替换功能

alert("abacacf".replace('a','9')); alert("abacacf".replace(/a/g,'9')); 第一个运行的结果 9bacaf 这

系统管理员/ 2022年07月16日 14:10/ 0 赞/ 99 阅读

相关 js字符串替换、全部替换

var s = "2016-11-11"; s.replace("- ", "");//201611-11 s.replace(/\-/g, "")//

淩亂°似流年/ 2022年07月15日 04:21/ 0 赞/ 281 阅读

相关 js字符串替换、全部替换

var s = "2016-11-11"; s.replace("- ", "");//201611-11 s.replace(/\-/g, "")//

男娘i/ 2022年07月15日 04:21/ 0 赞/ 303 阅读

相关 js替换字符

//去掉引号 response.fansTag = response.fansTag.replace(/\"/g, ""); //逗号全部替换为顿号

忘是亡心i/ 2022年06月16日 03:36/ 0 赞/ 238 阅读

相关详解Html替换元素与非替换元素

前部分转载自：[详解HTML行内置换元素与非置换元素的区分][HTML] 一般情况下，行内元素只能包含数据和其他行内元素，除非你可以对css进行

快来打我*/ 2022年05月29日 04:13/ 0 赞/ 173 阅读

相关 webpack学习（三）：配置HtmlWebpackPlugin

demo地址: [https://github.com/Lkkkkkkg/webpack-demo][https_github.com_Lkkkkkkg_webpack-dem

约定不等于承诺〃/ 2022年04月06日 08:05/ 0 赞/ 257 阅读

相关 js中字符串的替换

js中字符串的替换在js中字符串全部替换可以用以下方法：两种区别：正则&常规 str.replace("需要替换的字符串"，"新字符串")　 str.repla

待我称王封你为后i/ 2022年03月20日 09:29/ 0 赞/ 288 阅读

相关使用JS语句动态替换HTML标签内容

在HTML页面中难免需要动态替换一些标签里面的内容。如： html: //需要替换的标签 <p>ABC</p> <sc

逃离我推掉我的手/ 2021年09月24日 01:02/ 0 赞/ 930 阅读