草庐IT

html-webpack-plugin

全部标签

javascript - HTML 中完整性属性的用途是什么?

这个问题在这里已经有了答案:Whataretheintegrityandcrossoriginattributes?(3个答案)关闭7年前。我在bootstrap的网站上,我最近注意到他们的CDN链接包含一个带有SHA-384key的完整性属性。我认为这是一种验证脚本源的方法,但我还想知道它是如何使用的,以及它是否属于任何规范的一部分?此外,这是否仅适用于脚本src,还是适用于任何非同源源?

javascript - 带有 requirejs/AMD 的 Webpack

我正在为一个仍然使用requireJS进行模块加载的现有项目开发一个新模块。我正在尝试为我的新模块使用新技术,例如webpack(它允许我使用es6导入来使用es6加载程序)。似乎webpack无法与requireJS语法协调。它会说类似这样的话:“找不到模块:错误:无法解析”。问题:Webpack不会打包带有requireJS/AMD语法的文件。问题:有没有办法让webpack和requireJS兼容?我的最终输出必须是AMD格式,以便项目正确加载它。谢谢。 最佳答案 我有同样的问题,我设法实现了它。下面是相同的webpack.c

javascript - 如何引用 visualforce 中指定的 html 元素 id 并传递给 javascript 函数?

我有生成输入文本字段的apex标签。当有人点击这个字段时,我要执行javascript。但是当我检查HTML源代码时,这个成为输入标签的apex标签有(我认为)动态生成的部分。如您所见,id有垃圾部分:(id="j_id0:j_id3:j_id4:c_txt"在我的Javascript中,我正在尝试getElementById('c_txt')但这当然不起作用。这个怎么处理???更新似乎我可以做到这一点,但行不通......日期选择器varelem=getElementById('c_txt');alert(elem);警报显示“null”,所以一定是出了什么问题。即使此警报也返回nu

javascript - 使用 Webpack 和 Babel 导出类不起作用

我有一个非常简单的Webpack和Babel设置,用于小型图书馆。之前,我有以下架构来生成库的ES5版本:module.exports.lib=(function(){/*privatepartoflibraryhere*/return{.../*publicpartoflibraryhere*/}})();一切都以这种方式运行良好,我什至在我的库中有一些ES6功能,例如箭头函数,并且一切正常。但是,我决定将我的方法更改为ES6类,这样:exportdefaultclassLibrary{}现在,当我尝试这样做时:varlibrary=newLibrary();我知道库没有定义。即使只

javascript - Webpack 突然崩溃了

一周前它运行良好。现在,没有任何更改(相同的PC和完全相同的文件-与repo没有差异),在npminstall之后它不再工作并崩溃并出现以下错误:user@machine:~/workspace/work/project$npmrunbuild>project@0.0.1build/some_outer_path/some_path/workspace/work/project>rimrafdist&&webpack--progress--profile--bail10%buildingmodules3/12modules9active...h-fe/node_modules/quil

javascript - html元素形式的条件显示

好吧,在对javascript进行了一个小时的介绍之后,我想出了以下代码。它很好地完成了我想要的,但后来我想要别的东西,但它不起作用。我希望在点击一个按钮时,某个字段会隐藏,然后点击另一个是的,另一个也会隐藏,但是,当然,它必须显示另一个,否则我们将一无所获目的是根据用户点击的内容(在单选按钮上)显示不同的字段所以我以一种幼稚的方式编写了我的代码并且它起作用了。但后来我想到我首先要隐藏两个字段而不是显示两个字段,这就是问题所在。我在“告诉它”函数的参数中添加了一个0值,当x=0时,可见性=隐藏。但它不会听我的!所以,当它说x=1和2时,代码的那一部分有效,关于0的那部分无效。这是一个如

javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用

我正在尝试转换编译我的react/es6代码并且来自browserify。由于新的babel6版本以及大多数教程现在已经过时的事实,我正在努力创建一个webpack构建。这适用于我的.babelrc:{"presets":["react"]}但是当我把它改成这样的时候:{"presets":["es2015","react"]}它抛出这个神秘的错误:./client/App.js中的错误模块构建失败:错误:您为我们提供了节点类型“NumericLiteral”的访问者,但它不是有效类型如果有帮助的话,这是我的webpack.config.js:module.exports={entry

javascript - Webpack 开发服务器不自动重新加载

所以我已经设置了webpack和webpack-dev-server,但是webpack-dev-server不会自动重新加载。如果我修改文件并保存它,在我手动刷新之前,浏览器中没有任何变化。这是我的webpack配置和运行webpack-dev-server的脚本文件。有没有人看到任何可能阻止自动重新加载工作的东西?我通过阅读多个教程、文档以及通过阅读react-create-app生成的文件将它们放在一起。config/webpack.config.dev.js'usestrict';constExtractTextPlugin=require('extract-text-webp

javascript - webpack 2 无法解析空扩展

所以在webpack2当需要/导入文件时importfilefrom'./file';我收到以下消息:Youmayneedanappropriateloadertohandlethisfiletype.这是因为当我在webpack@1.xx中需要一个文件时,我曾经有:解析:{扩展名:['','.js']...但这似乎在webpack@2中不再被接受Invalidconfigurationobject.WebpackhasbeeninitialisedusingaconfigurationobjectthatdoesnotmatchtheAPIschema.-configuration.

javascript - 将 JavaScript 函数 : <head>? <body> 放在哪里?或者,在 </html> 之后?

我对在哪里放置JavaScript函数感到困惑:什么时候应该放在头部在体内内联时而且,什么时候在结束html标记之后?谢谢 最佳答案 这方面的规则是快速和宽松的,没有对错之分,只有更好和更差。(在之后是错误的)一般来说,javascript在head在某些浏览器中加载文件之前,文档可能会阻止页面呈现*咳嗽*IE*咳嗽*。这是由于同时连接的限制。所以有些人将它们放在之前结束html标签。您可以使用一个库来异步加载javascript以避免这种阻塞。如果您正在使用一个库,或者在执行代码之前检查要加载的DOM,那么它的放置位置真的没有问题