草庐IT

webpack-dev-middleware

全部标签

javascript - 动态加载外部 webpack 捆绑的 ngModule 作为路由处理程序

我们想将我们的大型前端项目分成多个单独部署的项目,这样更容易使用。我正在尝试包含一个捆绑的ngModule来处理来自另一个应用程序的路由。这些应用程序必须不知道彼此的配置。这些包将通过全局变量共享一些大型依赖项(如Angular)。我们不需要跨包摇晃,我们可能只需要接受一些重复的依赖项。根路由器提示Error:NoNgModulemetadatafoundfor'TestsetModule'.这让我相信子模块没有在加载时进行Angular编译,或者由于某种原因没有注册它的模块。我认为可能需要手动编译模块,但我不确定如何使用这个https://angular.io/api/core/Co

javascript - (Webpack) 如何分块动态模块依赖

我刚刚意识到,如果您使用require.ensure()动态加载模块,webpack将不会分析和分块依赖关系。这在某种程度上是有道理的,有人可能会争辩说,webpack不知道这些模块是否曾经被传输过,但我们能强制webpack完成这项工作吗?例子是:app.js:require.ensure(['module1.js'],(require)=>{//atsomepointrequire('module1.js');},'Module1');require.ensure(['module2.js'],(require)=>{//atsomepointrequire('module2.js

javascript - 从 Webpack 1.x 迁移到 2.x

在Webpack1.x中,我曾经定期执行以下操作:require.ensure(['./mod2.js'],(require)=>{setTimeout(()=>{//somelaterpointintime,mostlikelythroughanykindofeventvardata=require('./mod2.js');//actualevaluatingthecode},1100);},'myModule2');通过这种技术,我们能够通过网络传输webpack-bundle,但会在稍后的某个时间点评估该包的实际内容(JavaScript代码)。此外,使用require.ens

javascript - 检查模块是否已经加载到 Webpack 中?

我在一家拥有自定义JS模块打包器的公司工作。该实现有一个函数requireIfLoaded允许您要求一个模块,但前提是它已经被加载。如果模块尚未加载,则会抛出错误。使用requireIfLoaded不会捆绑模块。这大大减少了我们的文件大小。这是一个有用的例子:if(page===PROFILE){//ProfileHelpershouldalreadybedownloadedifwe'reontheprofilepage.constProfileHelper=requireIfLoaded('ProfileHelper');ProfileHelper.doSomething();}el

javascript - Chrome Dev Tools 在大型网络应用程序中响应速度非常慢

我正在开发一个大型的、重javascript的网络应用程序。我的Chrome开发工具对XHR响应和控制台日志记录的响应时间非常慢(3-5秒)。实际的应用程序运行快速且响应迅速,只有开发工具看起来很痛苦。有谁知道为什么Chrome开发工具随着我的应用程序的增长而变得缓慢? 最佳答案 Devtools与任何其他调试器一样;它们Hook到应用程序的正常处理流程中,并存储比通常需要的信息多得多的信息。这比在不启用调试的情况下简单地呈现页面要多得多,因此它确实会更慢。也就是说,3秒响应console.log似乎很高。我建议您首先在nightl

javascript - Requirejs vs browserify vs webpack for js 加载顺序 : am I just moving the situation from one side to another?

好吧,现在是2016年了。Webpack看起来像是对requirejs的赢家和browserify.我一直在阅读这3种技术,以解决一个非常具体的问题。我想在我的HTML文件(AngularJS应用程序的一部分)中避免这种情况当然,我的HTML文件中这些行的顺序很重要。Bootstrap会要求jQuery等。我发现的第一件事:requirejs。您只需指定如下内容:然后,你用JS解决依赖问题。更进一步,我在这里发现了两种方法:CommonJS(浏览器化)AMD(require.js)Webpack适用于这两种方法,这听起来不错。最后,这3个工具可以用于同一件事:将多个文件捆绑在一个文件中

javascript - 我如何构建一个从另一个入口点包导入模块的 webpack 包?

我正在尝试生成依赖于另一个包的第二个webpack包。每个页面都需要bundle-one,但只有部分页面需要bundle-two。例如,假设我有以下入口点脚本(这些都是微不足道的例子,只是用它们来说明要点):bundle-one.jsimport$from'jquery';$(document).data('key','value');bundle-two.jsimport$from'jquery';constvalue=$(document).data('key');我知道我可以使用CommonsChunkPlugin生成包含WebPack加载器和jQuery的commons.js文

javascript - Webpack 缺少模块 'Module Not Found'

我目前正在开发一个Reactwebpackbabel等站点,并尝试首次构建。构建成功,但是当我打开浏览器时出现以下错误:UncaughtError:Cannotfindmodule"/Users/michael.nakayama/Documents/Development/jamsesh/node_modules/webpack/node_modules/node-libs-browser/node_modules/process/browser.js"此模块存在。在我的浏览器中转到该实际url会显示有问题的文件。但是我不明白为什么webpack找不到它。我不知道这是babel6问题还

javascript - Chrome Dev Tools 命中代码但没有断点

我在chrome开发工具上启用了断点,并且我在一行上有一个断点。我知道chrome正在命中该行,因为我将断点放在具有以下语句的行上:alert("whyisthisnotbreaking")如果我在本地主机中找到该文件,则断点有效。断点过去在本地编辑器中起作用,但现在不起作用。有没有其他人遇到过类似的问题? 最佳答案 我有一个类似的问题,没有达到我的断点。原来这是因为它是站点的部署版本,但开发工具仍然将我的本地开发文件夹映射到工作区,这意味着我打开的是本地脚本文件,而不是服务器上的脚本文件。解决方案是关闭打开的本地脚本,在导航器中打

API接口安全—webservice、Swagger、WEBpack

API接口安全—webservice、Swagger、WEBpack1.API接口介绍1.1.常用的API接口类1.1.1.API接口分类1.1.1.1.类库型API1.1.1.2.操作系统型API1.1.1.3.远程应用型API1.1.1.4.WEB应用型API1.1.1.5.总结1.1.2.API接口类型1.1.2.1.HTTP类接口1.1.2.2.RPC类接口1.1.2.3.webservice类接口1.1.2.4.httpservice与webservice区别1.2.API常见技术1.2.1.SOAP1.2.2.REST1.2.3.WSDL1.3.API常见的安全漏洞类型1.4.OW