草庐IT

laravel-modules

全部标签

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

javascript - laravel pdf文件从ajax请求下载(laravel 5)

我的html代码是这样的:file_path}}');">我的javascript代码是这样的:functionshowAjaxPdf(file_path){varfile_path=file_path.replace(/\\/g,"/");//example:file_path=assets/images/myfile.pdf$.ajax({type:"POST",data:'file_path='+file_path,url:"news/test",success:function(response){$('#test').html(response);}});}我在Control

javascript - Laravel pjax - 设置

我第一次使用pjax和laravel来加快页面加载速度,所以我对此了解不多。我正在使用this包裹。我已经设置好它并且它似乎可以正常工作,但仅对于某些页面,其中我有一些内容的javascript,我有一些问题。这是我的main.js文件:$(document).ready(function(){if($.support.pjax){$.pjax.defaults.timeout=5000;}$(document).pjax('.link',"#pjax");//addclassactivetotabbasedonurlvarloc=window.location.pathname;sw

javascript - 使用 grunt 进行 Angular 缩小会导致 'Failed to instantiate module' 错误

我知道设置Controller、服务、模型等来准备缩小。我有大约20个Controller、模型和服务作为单独的文件,我想将它们全部缩小并连接到一个JS文件中以用于生产。为了了解我是如何设置这些文件的,这里有一个例子:VforumJS.controller('MainController',['$scope','$location','$sce','MainModel','LogModel','MainDebug','timecode','Idle',function($scope,$location,$sce,MainModel,LogModel,MainDebug,timecode

javascript - 用于在 node_modules 中编译模块的 Webpack 配置

我的webpack/babel配置有问题。我已经将我的组件存储库(里面没有webpack配置的es6模块)安装为node_module。在这种情况下它不起作用-我收到“意外的token导入”错误(babel不转换es6代码)但是,如果我将外部文件夹链接到node_modules(npm链接./../../component-repository),那么它可以正常工作,没有任何错误。我花了很多时间,仍然无法解决这个问题。主要问题是如何在各个项目之间共享React组件。我的想法是将它们添加为依赖项。编辑:如何为项目设置webpack&babel以从node_modules文件夹编译ES6模

javascript - Laravel 5 分页 + 无限滚动 jQuery

我正在尝试使用paginate()来实现无限滚动。我认为最简单的方法是使用“无限滚动”来实现这一点。如果您有任何其他建议如何在没有无限滚动库的情况下做到这一点,只需使用jQuery,我很乐意知道..我正在返回变量以像这样查看:publicfunctionindex(){$posts=Post::with('status'=='verified')->paginate(30);returnview('show')->with(compact('posts'));}我的看法:@foreach(array_chunk($posts->all(),3)as$row)@foreach($rowa

javascript - Webpack ES6 modules 使用索引文件时的循环依赖

我有一个大项目,我现在尝试重构为ES6模块。为了进一步开发更容易,我想引入索引文件,它只导出目录中的所有模块:index.js:export{defaultasModuleA}from'./moduleA'export{defaultasModuleB}from'./moduleB'export{defaultasModuleC}from'./moduleC'moduleA.js:import{ModuleB}from'./index'moduleB.js:import{ModuleC}from'./index'ModuleC.doSomething()moduleC.js:expor

javascript - 没有为 node_modules 中的库定义 Angular2 require

我正在使用angular2-seed作为我项目的种子。require在源文件中工作得很好。但是每当我包含一个新库并在index.html中引用它时,控制台就会弹出一个错误,提示requireisnotdefined。包含Systemjs我阅读之前关于建议使用system.js的答案。systemjs已经包含在内。索引.htmlSystem.config({"defaultJSExtensions":true,"paths":{"./admin/main":"/./admin/main","angular2/*":"/angular2/*","rxjs/*":"/rxjs/*","*":

Javascript Revealing Module 模式 - 在函数返回后公开初始化变量

我一直在大量使用JavascriptRevealingModule模式,我喜欢它在公共(public)接口(interface)和内部之间的清晰分离。然而,我一直遇到这样一种情况,这让我想知道我的整体使用模式是否正确,或者我是否应该使用该模式的一些变体。问题在于,当传递到模块的init函数中并私下存储供内部使用的某些内容也需要在Knockout绑定(bind)表达式或其他模块中公开时。模块的返回语句立即执行,稍后调用init函数,通常传递一些动态参数,例如AjaxURL或在RazorView中的脚本block中呈现的原始JSON。因为模块的return语句只返回私有(private)变