草庐IT

html-webpack-plugin

全部标签

javascript - 从 create-react-app 中的 service worker 缓存中排除 index.html

我有一个使用create-react-app的reactJs应用程序。该应用程序使用service-worker和其他PWA功能,但不知何故我发现尽管更新了网站或部署了新版本,chrome总是从服务worker中选择index.html和根本不进行网络调用。我认为使用serviceworker缓存index.html是个问题,但无法将其排除在缓存之外,我确实检查了一些关于SO的问题和github上的问题,但无法解决这个问题。我正在使用默认的service-worker注册registerServiceWorker.js//Inproduction,weregisteraservicew

javascript - 如何使用 Mocha 在 Karma 中加载用于 Javascript 单元测试的 HTML 固定装置?

我正在为Javascript寻找合适的测试运行器和单元测试框架。我的候选人是Karma和Mocha。以前我使用JsTestDriver,在其中添加HTML固定装置很容易,但我找不到如何加载HTML片段并使用Karmatestrunner从Mocha测试访问它的方法 最佳答案 我有一个使用htmlfixtures和jasminehere的演示,演示描述包含指向截屏视频和github存储库的链接,以便与Karma一起运行。参见thislink. 关于javascript-如何使用Mocha在

javascript - 由于外部库,Webpack 构建速度非常慢

我尝试将webpack用于我的应用程序,但它每次构建我的应用程序需要60-100秒。我如何禁用node_modules/*和bower_components/*的重建文件或为单独的block(每个模块或共享)构建它们。这里是配置的一部分:{test:/\.js$/,exclude:/(node_modules|bower_components)/,loaders:['ng-annotate','babel-loader']},和resolve:{moduleDirectories:['node_modules','bower_components']},如何通过禁用每次重建库来提高性能

javascript - Webpack:如何将 CommonsChunkPlugin 与多个拆分包一起使用

我有两个独立的应用程序部分,它们都拆分为“应用程序”和“vendor”包。Webpack条目:entry:{'client-app':path.join(BASE_DIR,'front-end-sources','client','scripts','main.ls'),'client-vendor':path.join(BASE_DIR,'front-end-sources','client','scripts','vendor.ls'),'admin-app':path.join(BASE_DIR,'front-end-sources','admin','scripts','mai

javascript - 使用 webpack 将 vendor 库拆分为多个 block

我想将我的vendor代码分成两个block,一个包含所有Angular库,另一个包含所有其他内容。我的Angular应用程序只有一个入口点,设置如下:entry:{app:'./path_to/app.js',vendor:['jquery','moment','numeral'],'vendor.angular':['angular','angular-route','angular-numeraljs']}然后我使用CommonsChunkPlugin配置另外两个包:newwebpack.optimize.CommonsChunkPlugin({name:'vendor',chu

javascript - 如何在 Webpack 中禁用重命名函数名称? typescript ,Javascript

如何在Webpack中禁止重命名函数名?我的代码中有这个类名:import{MenuBlocksMenuPage}from"../pages/menu/blocks/menupage";但在编译后的文件中,该行变成了不可读的字符串。/*harmonyimport*/var__WEBPACK_IMPORTED_MODULE_73__pages_menu_blocks_menupage__=__webpack_require__(669);我的问题是:Webpack中有什么选项可以禁止更改类或函数名称? 最佳答案 我遇到了同样的问题,A

javascript - 将文件流式传输到 html 视频播放器,因为它正在使用 fs 在 Electron 中下载

我目前正在尝试使用HTML视频播放器从Electron中的文件系统流式传输文件。我想在文件下载时开始流式传输。我不确定我当前的计划是否可行(或者这是否可行)。计划从文件创建一个可读流,该流会随着文件的下载而更新从该流生成一个bloburl使用该bloburl作为视频源我认为目前失败的地方是我在读取第一个block后生成了一个bloburl,但之后的任何block都不包含在bloburl中。这是关于我想做的事情(我知道这段代码行不通)constfile=GrowingFile.open(downloadPath)//providesareadablestreamforafileletch

javascript - Babel 7 失败,单个插件显示 "Duplicate plugin/preset detected."

失败的插件是@babel/plugin-transform-regenerator(无边缘插件,每周160万次下载)。这是我的整个.babelrc:{"presets":[],"plugins":["@babel/plugin-transform-regenerator"]}当我尝试使用parcelbuildsource/main/index.html--no-source-maps--out-dirbuild使用parcel转译它时,我收到以下错误:/path/to/index.js:Duplicateplugin/presetdetected.Ifyou'dliketousetwo

javascript - webpack根据chunk加载不同的模块

是否可以让webpack根据一些上下文信息加载另一个模块?例如,我有两个版本的React应用程序:桌面版和移动版在我的index.js中,我决定加载哪个应用程序:if(isMobile()){loadMobile().then(({default:App})=>render(App))}现在我想重用一些模块,但有些我想覆盖它。所以默认情况下它应该加载index.js,但是如果上下文isMobile并且在index.js旁边存在mobile.js文件,它应该加载mobile变体。components/Button/index.jsmobile.js在移动上下文中,webpack应该加载m

javascript - 您如何以编程方式确定 HTML 对象可以监听哪些事件?

我一直在查看developer.mozilla.org上的文档和Apple开发文档,但我找不到说明您是否可以通过编程方式确定特定HTML标记是否支持给定eventListener的文档。就像我知道标签不支持点击监听器,因为没有什么可以点击,但我怎么知道呢?或者除此之外,是否有关于每个标签支持哪些事件的简单引用? 最佳答案 根据PerfectionKills,除了少数极端情况,是的,您可以:Thetrickisthatmanymodernbrowsersreportpropertycorrespondingtoaneventnamea