草庐IT

html-webpack-plugin

全部标签

javascript - Webpack 缩小 -p 错误

我正在使用webpack通过minifcation测试我的生产javascript。它工作正常,但当我添加-p标志时:NODE_ENV=production./node_modules/webpack/bin/webpack.js-p--progress--colors我收到警告并且有javascript错误。似乎它正在删除不应该删除的内容。想不通为什么。警告:WARNINGinclient.jsfromUglifyJsSideeffectsininitializationofunusedvariableReact[./~/fluxible/lib/Fluxible.js:12,0]D

javascript - HTML 注释 <!-- 是否充当 JavaScript 中的单行注释,为什么?

JavaScript具体如何理解构造?从JavaScript的Angular来看,它是不是//之外的又一个注释?和/**/?从测试看来,JavaSript对待喜欢//:一行什么都不做,而按预期工作。此行为记录在何处?这不是其他问题的重复:我不问为什么、是否或如何使用它。我正式地问它在JavaScript中有什么语法和语义。这个问题很重要,在其他问题中没有得到回答:例如,上面指出的行为不能从其他问题和他们的答案中猜到(实际上这是我的动机:我的程序没有像上面那样工作,而这些问题和答案无助于理解原因)。 最佳答案 Fromtestingi

javascript - 如何获得源映射以与 Chrome 开发工具和 webpack 一起使用?

我正在使用webpack-dev-server-d--inline来提供通过webpack生成的dist/app.js文件。我已经激活了源映射,它在我的dist/文件夹中生成了一个app.js.map文件,并在文件末尾生成了//#sourceMappingURL=app.js.map,但是Chromedevtools似乎没有使用源映射。我想问题可能是Chrome看不到原始源文件(因为webpack-dev-server只提供dist/文件夹),所以我尝试将提供的文件映射到本地开发工具中的文件。不幸的是,然后我得到了“工作区映射不匹配”,我不确定为什么文件会不同,我也不确定这是否会解决源

javascript - Webpack - 不要为某个入口点输出包

我使用文件加载器自动将一堆pug模板呈现为静态html文件,但webpack也根据入口点输出无意义的文件例如,这是在我的webpack.config.js中:entry:{'js/build/bundle.js':'./js/app.js','this-shouldnt-emit':'./pug/.pug.js'//pugentrypoint},output:{path:path.join(__dirname,'../'),filename:'[name]'},...//pugloadingmodulerule{test:/\.pug$/,include:path.resolve(__

javascript - 如何在 Electron 中使用 webpack 编译预加载脚本?

Electron1.6.5,Webpack2.4.1我正在使用electron-react-boilerplate使用webview组件。我将一个预加载脚本注入(inject)到webview中,它执行如下操作:const{ipcRenderer}=require('electron');constdoSomething=require('./utils/do-some-thing.js');document.addEventListener('DOMContentLoaded',event=>{doSomeThing()//tellscrapertogetstartedipcRend

javascript - kurento-client-js 的 Webpack 构建中的循环引用

我在尝试使用Webpack2+babel构建kurento-client-js时遇到错误。WARNINGin./node_modules/kurento-client/lib/register.js60:20-33Criticaldependency:therequestofadependencyisanexpression执行结果为UncaughtError:Cannotfindmodule"."我认为问题本身是由/lib/register.js中的require引起的//kurento-clinet/lib/register.jsif(constructor==undefined)

javascript - 使用 Babel 和 Webpack 生成多个输出

我想将我的Javascript应用程序转换成两个不同的Javascript文件:第一个用于旧版浏览器第二个用于现代浏览器计划为现代移动浏览器构建更小的版本,同时仍支持较旧的遗留桌面浏览器。babel-cli允许预设,因此我可以将其设置为“env”,但似乎没有办法在.babelrc这意味着必须更改.babelrc文件。Webpack允许使用babel-loader来指定目标浏览器,但似乎没有办法针对不同的浏览器目标使用它两次环境有什么方法可以简单地实现我所需要的吗? 最佳答案 所以我自己找到了一种方法,不确定它是否是最优雅的解决方案,

javascript - 音频文件在线时,如何在HTML5音频对象中设置currentTime?

我有一个带有向前/向后跳过10秒按钮的JavaScript音频播放器。我通过设置音频元素的currentTime来做到这一点:functionPlayer(skipTime){this.skipTime=skipTime;this.waitLoad=false;//initialisemainnarrationaudiothis.narration=newAudio(getFileName(dynamicNarration));this.narration.preload="auto";this.narration.addEventListener('canplaythrough',(

javascript - 如何显示对 AJAX/getJSON 请求的错误(文本/html)响应?

我的情况是,我正在开发一个小型Web应用程序,其中服务器提供动态JSON响应。服务器建立在cherrypy上。有时,创建JSON数据的代码中存在错误,该错误会抛出,cherrypy会捕获它并返回500错误,并提供详细说明异常的完整HTML页面。(也就是说,响应包含所有内容:......)但是因为请求是AJAX,所以不会显示。我可以很容易地拦截这个错误,并在开发工具中查看它;但我想做的(为了简化调试)是打开一个新页面(就像用户点击了一个链接一样)并在浏览器中显示该响应。我试过了window.open('','_self');$(document).html(jqXHR.responseT

javascript - scrollTop 和 html 溢出 : hidden

当这样设置CSS规则时html{overflow:hidden;}我无法再使用javascript在Chrome中获取或设置滚动位置(只有DOMElement.scrollIntoView有效)。当我删除它时,它可以正常工作,但它会弄乱整个页面,其中包含使用CSS3创建的“视差效果”。这是一个简化的示例(仅以-webkit-为前缀):http://jsfiddle.net/BaliBalo/LxCxn/ 最佳答案 您可以使用clearfix以与overflow:hidden相同的方式进行“布局预置”。.clearfix:before