草庐IT

动态编译

全部标签

javascript - 动态导入图像(React Js)(要求 img 路径找不到模块)

我需要通过map方法从我的图像文件中动态导入图像(多个)。首先,我想为我的图像文件设置一个基本URL,然后从我的包含image属性的JSON文件中读取图像的名称,然后相应地设置图像src。JSON文件如下所示:{"title":"BlueStripeStonewarePlate","brand":"Kiriko","price":40,"description":"Loremipsumdolorsitamet...","image":"blue-stripe-stoneware-plate.jpg"},{"title":"HandPaintedBlueFlatDish","brand"

javascript - 如何在生产环境中动态加载多个优化的 requirejs 模块?

我已经开始在虚拟项目中使用requirejs。我现在想使用r.js脚本构建我的生产项目。上下文是这样的:名为start.js的主文件是:require([/*somestuff*/],function(){/*applogic*/});它有一个if,它根据某些条件决定我应该要求什么。所需的文件是ModuleA或ModuleBModuleA和ModuleB都有依赖关系。define([/*somedeps*/],function(dep1,dep2...){/*applogic*/return{/*interface*/}在优化和模块连接之前,在开发模式下一切正常。在使用r.js构建时,

javascript - 使用闭包编译器删除 console.log

我想通过剥离所有console.log("blahblah")来准备我的JS代码生产调试语句。我对thispopularSOanswer(codebelow)感到困惑关于如何使用Google'sclosurecompiler执行此操作,一个流行的JS缩小器/编译器。/**@const*/varLOG=false;...LOG&&log('helloworld!');//compilerwillremovethisline...//thiswillevenworkwith`SIMPLE_OPTIMALIZATIONS`andno`--define=`isnecessary!两个问题:多个

javascript - 为什么编译器不将 "this"链接转换为与上下文无关的变量?

假设我有一个类(非常简单的场景)classStudent{name="John";sayHello(){console.log("Hi,I'm"+this.name);}}它由TypeScript编译器编译为:varStudent=(function(){functionStudent(){this.name="John";}Student.prototype.sayHello=function(){console.log("Hi,I'm"+this.name);//hereistheproblem.Accessingnameviathis};returnStudent;})();现在

javascript - 为什么我无法编译引用 jquery.d.ts 的文件?

这个问题在这里已经有了答案:LatestversionofjQueryforTypeScriptisthrowingsyntaxerrors?[duplicate](1个回答)关闭7年前。我的文件“blah.ts”的内容是///就是这样。文件“jquery.d.ts”与“blah.ts”处于同一级别。我从here复制并粘贴了jquery.d.ts我使用npm安装了typescript,它是1.3.0.0版本。当我运行时tscblah.ts我得到一页错误query.d.ts(279,40):errorTS1005:','expected.jquery.d.ts(279,61):error

javascript - 如何给用coffeebar编译的文件下命令

我希望能够在使用coffeebar将我的coffeescript文件编译成js时包含具有给定顺序的文件。我想首先包含文件settings.coffee、constants.coffee--|--settings.coffee|--constants.coffee|--page1.coffee|--page2.coffee代码片段fs=require'fs'{exec,spawn}=require'child_process'util=require'util'task'watch','CoffeebarCombineandbuild',->coffee=spawn'coffeebar'

javascript - 将动态创建的下拉列表的自定义属性值添加到另一个元素

我这里有一些HTML:d还有一些JS:'usestrict';functionaddResourceFunction(){letResourcesJSON=(json)=>{letResources=json;console.log(Resources);letcontactsLength=json.length;letarrayCounter=-1;letresID;letresName;letresUnit;letresQuantity;letOption=$('');letassignedID=$('tr.assigEditRow:last').attr("assigId");w

javascript - webpack中的多个动态入口脚本?

假设我有一个这样的应用程序结构app/modules/module1/script.jsmodule2/script.jsmodule3/script.jslib/public/js/如何配置webpack将每个script.js(将从公共(public)lib文件夹导入各种库/实用程序)打包并输出到这样的结构中?例如public/js/module1/script.jspublic/js/module2/script.js但没有单独定义每个入口文件?像gulp这样的东西用/**/*.js语法吗?我的目标是不必在每次添加新模块/组件时都维护我的webpack.config.js文件。

javascript - 指令的模板没有获得编译设置的值

请看这个Plunker我有一个使用自定义AngularDirective(指令)的htmlHelloPlunker!我的指令是这样的:myApp.directive('sample',function(){varvalue="";return{replace:true,restrict:'E',scope:false,template:'ThisisasampleParagraph'+value+'',compile:function(tElement,tAttributes){return{pre:functionpreLink(scope,element,attributes){c

javascript - Jasmine 测试用例未在已编译的 Typescript 中定义内启动

我正在处理一个测试项目,我正在编写一个纯JavascriptJasmineKarma设置来测试预编译的Typescript设置。但是,我无法启动测试用例。我可以在控制台中看到来自已编译typescript的控制台消息正常运行,但它根本不会启动测试脚本。请注意,这来自AngularApp,但这整个部分来自一个在没有Angular2的情况下制作和编译的部分。没有错误消息,除此之外显示运行了0/0测试,并且没有“component/to/test”的时间戳。在test.spec.js文件中,我有define("testName",["component/to/test"],function(