草庐IT

webpack-file-loader

全部标签

javascript - MVC : Share Javascript file between projects in the same solution

我看了thistutorial用于创建与同一解决方案中的多个项目一起使用的javascript。基本上,我创建了一个类库,其中有一个脚本文件夹,我在其中创建了一个脚本文件,我想在同一解决方案的多个项目中使用该文件。在使用commonscript文件的项目的脚本文件夹中,我添加了一个existng项目,如上面的链接所述。我将文件添加为链接而不是文件的副本。但是,我的View无法读取此javascript文件。我什至将此命令添加到使用javascript的项目的预构建事件中,这样我就可以在构建之前将文件从类库复制到我的项目中,但也没有用。copy$(SolutionDir)ClassLib

javascript - 如何在 JavaScript 中将 File 对象添加到 FileList 集合?

我正在处理拖放文件上传字段。我能够返回一个FileList对象,其中包含用户指定的文件。我有一个隐藏的文件输入字段,然后我想将文件对象添加到其中,这样我就可以通过AJAX发送表单数据。我遇到的问题是我似乎无法将文件对象复制到文件输入字段。这是我尝试的方式:varfiles=evt.dataTransfer.files;//FileListobject.varfileUploadElem=document.getElementById(fileUploadId);//tryingtocopythefirstfileoffilesintothefileuploadfieldfileUplo

javascript - 无法使用 JQuery-File-Upload 从文件列表中删除文件

我在使用JQuery-File-Upload时遇到问题插入。我直接使用插件,而不是通过作者提供的html示例页面。基本上我有一个带有一些输入的表格其中之一是文件输入。第一次上传工作正常,但当我尝试第二次上传时,两个文件都被发送(第一个是第二次),而它应该只是第二个。例子:文件1被选中。文件1已上传。成功。使用jquery我用$(FORM_SELECTOR).trigger('reset')重置了表单已选择文件2。文件1和文件2均已上传。问题。现在我有文件1的两个副本。这不是我想要的。显然,如果它只工作一次,那么使用ajax表单上传没有多大意义,所以我认为我缺少一些东西。有没有办法重置文

javascript - Webpack 和以编程方式注入(inject)的内容脚本

我正在使用React和Webpack开发Chrome扩展程序。在此项目中,不同的模块将使用chrome.tabs.executeScript(null,{file:'content-script-file.js'})以编程方式注入(inject)内容脚本。这就成了问题,因为我使用Webpack来捆绑所有内容。基本上,后台脚本加载了一些模块,这些模块都配置为在特定情况下以编程方式注入(inject)内容脚本。但是,我不知道如何在捆绑的应用程序中“找到”这些内容脚本。它们从未被显式导入,只是在executeScript调用中被引用。同时contentscripts使用了React,所以需要

javascript - 如何从浏览器开发工具访问 Webpack 模块?

我有一个用webpack编译的ES6模块。要调试它,我必须手动将某些对象附加到window,以便我可以通过Chrome/Safari中的调试工具引用它们:exportclassDialog{...}window.debugdialog=Dialog;这非常麻烦,而且肯定不是最好的方法。有没有一种方法可以在不修改源代码的情况下引用模块?是的,我知道断点,而且我会使用它们。但有时我想加载所有代码并通过使用内联JavaScript控制它来调整UI。 最佳答案 来源map如果您在开发环境或您自己的机器上运行服务器,您可以利用sourcema

javascript - 不用Webpack,在客户端使用Babel转译导入导出?

我可以使用Babel编译JSX并通过全局命名空间导出变量吗?我不想运行随机的Webpack服务器。我已经全神贯注于ES6、JSX、Babel和React,对另一个使如此简单的任务复杂化的库不在乎最终我想导出我的React类并导入另一个类。从理论上讲,它应该只在满足依赖项之前阻塞,我不明白这怎么可能是一种反模式,因为我的所有代码和外部依赖项都在本地缓存。这是的默认行为标签,只是不是varmessage="helloworld";console.log(message);//undefined我可以使用ES6导出和导入,但不能使用另一个随机文件服务器 最佳答案

javascript - Webpack 工作加载器 : How to make it work as a dependency?

我有我的index.html导入依赖项。myModule/app.jsvarWebWorker=require('worker-loader!./worker');window.WebWorker=newWebWorker();worker存在于node_modules/myModule/worker.js当我运行“webpack”时,它可以正常工作,因为它们位于同一个文件夹中。如果我更改路径中的任何内容,webpack将不会根据需要获取webworker代码。将此模块用作依赖项时会出现问题,因为我需要将worker.js放在与index.html相同的路径中。替代方法是使用Blob并

javascript - 如何让 webpack hot reload 检测 pug + express 的变化?

我有一个带有pug和手写笔的Express应用程序。我已经配置了HMR中间件,它会在手写笔发生变化时重新加载,但不会在哈巴狗发生变化时重新加载。我想知道我是否缺少特定配置。我也尝试添加pug-html-loader但那也不起作用。//server.jsapp.set('views',path.join(__dirname,'views'));app.set('viewengine','pug');constwebpackDevMiddleware=require('./hmr').dev;constwebpackHotMiddleware=require('./hmr').hot;ap

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

javascript - 是否保证在 webpack 或 rollup 模块打包过程中保留单例?

了解单例创建共享全局状态这一事实,在某些情况下我可能需要单例,例如reduxstore/state对象。如果我使用的是ES模块,我可以使用如下简单的代码来创建单例://a.js(singletonmodule)classA{}//Createsingletonexportconsta=newA();现在我可以在其他模块的任何地方使用这个实例化对象://b.js//Importsingletonimport{a}from'./a.js';console.log(a);//c.js-someothernestedfileimport{a}from'../../a.js';console.l