Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack Highlight.js语法在生成网页包后高亮显示不起作用_Webpack_Highlight.js - Fatal编程技术网
Fatal编程技术网
  • webpack/
  • Webpack Highlight.js语法在生成网页包后高亮显示不起作用

Webpack Highlight.js语法在生成网页包后高亮显示不起作用

webpack

Webpack Highlight.js语法在生成网页包后高亮显示不起作用,webpack,highlight.js,Webpack,Highlight.js,在使用webpack之前，此代码在函数中工作，并在加载内容后运行： $('pre code').each(function(i, block) { console.log("ta da!"); hljs.highlightBlock(block); }); 此时会出现console.log消息，但不会突出显示 没有生成或控制台错误 Highlight.js版本 Highlight.js主题： 网页版 “网页包”：“^4.8.3” my\u entry\u file.js i

在使用
webpack
之前，此代码在函数中工作，并在加载内容后运行：

$('pre code').each(function(i, block) {
    console.log("ta da!");
    hljs.highlightBlock(block);
});
此时会出现
console.log
消息，但不会突出显示

没有生成或控制台错误

Highlight.js版本

Highlight.js主题：

网页版

“网页包”：“^4.8.3”

my\u entry\u file.js

import '../css/hybrid.css'; 
import hljs from './highlight';
HTML的比较如下：

原始HTML：


//下面是一条注释
在生产站点（不使用网页包）：



//这里有一条评论
变量。。。。等
在开发人员网站上（使用网页包）：


//下面是一条注释
我在发帖时找到了答案，但我认为这个解决方案可能会对某人有所帮助

生产站点和开发站点之间唯一的异常是，在前一个站点中，我在以下位置使用缩小的文件：

https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js
开发人员网站（使用网页包）正在使用：

https://github.com/isagalaev/highlight.js/blob/master/src/highlight.js
因此，我切换回缩小版，语法突出显示工作正常

我不知道为什么会这样

<pre>
<code class="javascript hljs">// here is a comment

https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js

https://github.com/isagalaev/highlight.js/blob/master/src/highlight.js