草庐IT

importances

全部标签

javascript - gulp-sass @import CSS 文件

使用gulp-sass我可以包含.scss文件@import'filepath.scss';但是当我尝试使用@import'filepath.css'导入普通的css文件时,它只是添加了importurl(filepath.css);的导入行到输出css文件,而不是实际导入代码。如何导入CSS文件和SCSS文件?我想这样做以包含来自凉亭的文件。这是我的gulp函数://includegulpvargulp=require('gulp');//includedepsvarminifyCSS=require('gulp-minify-css'),autoprefix=require('gu

javascript - Babel 将 'import' 转译为 'require' ,但 'require isn' t 在 ecma5 中可用

据我了解,使用Babel允许您通过转译在ecma5环境中使用ecma6javascript。但是,当我使用“导入”时,“导入”被转换为“需要”。“require”不是ecma5,需要库“require.js”。因此,您不能在没有附加依赖项的情况下使用“导入/导出”,对吗? 最佳答案 是的,Babel只是为了翻译新的语言特性以与现代javascript引擎兼容。Babel不会编译为require.js模块导入语法。相反,它使用Node.js使用的CommonJS模块语法。因此,您可以直接运行代码,而无需在Node.js中进一步构建依赖

javascript - 在 Chrome 中使用 React Native 调试 ES6 import 语句

我严重依赖ReactNative的“在Chrome中调试”功能,因此依赖Chrome的调试器。但是我注意到这个系统有一个巨大的缺陷:我使用ES6-styleimport导入的模块。即使代码执行正常,在Chrome的范围内也不可见。这使得使用这些导入语句调试代码变得非常困难。如果我用varMyModule=require(...)替换import语句,那么该模块在范围内可见。看完ES6moduleimportisnotdefinedduringdebugger我查看了ReactNative生成​​的转译源代码(通过在我的浏览器中加载http://localhost:8081/index.

javascript - Jest es6 模块 : unexpected module import

我正在尝试测试一个需要像这样导入es6模块的文件:https://repl.it/HG9t/0看来我缺少一些使其正常工作的配置。如果您可以使用另一个单元测试框架轻松实现这一点,我也很感兴趣。预先感谢您的帮助。 最佳答案 安装所需的依赖项:yarnadd--devbabel-jest@babel/core@babel/preset-env或npminstall--save-devbabel-jest@babel/core@babel/preset-env在您的主文件夹中创建babel.config.js并将其粘贴到那里://babel

javascript - 引用错误 : You are trying to `import` a file after the Jest environment has been torn down

我有一个组件使用来自ReactNative的Animated组件。我开始编写一个测试用例来模拟组件的onPress,它调用一个函数,其中包含Animated.timing和setState。运行jest工作正常,但测试永远不会停止运行,而且我之前编写的一个不相关的测试用例现在似乎从未通过(之前通过)。运行jest--watch,我得到这个错误:ReferenceError:Youaretryingto`import`afileaftertheJestenvironmenthasbeentorndown.atFunction.bezier(node_modules/react-nativ

javascript - WebAssembly 链接错误 : import object field 'DYNAMICTOP_PTR' is not a Number

以下C文件使用emscripten编译为wasm:intcounter=100;intcount(){counter+=1;returncounter;}$emcccounter.c-ocounter.wasm-sWASM=1-sSIDE_MODULE=1没有问题。然后我让webpack加载wasm文件(使用wasm-loader)作为UInt8Array:varbuffer=newArrayBuffer(648);varuint8=newUint8Array(buffer);uint8.set([0,97,115,109,1,0,0,0,0,12,6,100,121,108,105,

javascript - 使用具有 !important 标签的 jquery 更改 div 的背景颜色

使用调用.jsp的插件,该插件使用自己在外部托管的样式表(这是一个yelp嵌入-试图操纵它的外观)。我要更改的一个元素上有一个!important标签,但我似乎无法更改它...我试过了$('.elementToChange').css({'background-color':'black'});​没有用。想法? 最佳答案 看起来在更新版本的jQuery(至少1.7.2及更高版本)中您可以简单地设置css:$('#elementToChange').css('background-color','blue');参见http://jsf

javascript - 将 node-sass-json-importer 集成到 Angular CLI 应用程序中

尝试添加node-sass-json-importer进入AngularCLI应用程序。我使用的是1.0.0-beta.17版本的CLI,但也无法使用当前版本的1.2解决这个问题。通过yarn安装后,我不知道应该在应用程序配置中的什么位置设置它。有没有人成功地将它集成到他们的应用程序中?onlyanswer我发现这适用于使用Webpack的应用程序,但不适用于AngularCLI。 最佳答案 Solvedthisbychangingthestyles.jsnode_modules/@angular/cli/models/webpac

javascript - 我怎么能使用 system.import() 到组件 Angular 2

我在thispost中看到您可以使用SystemJS将外部javascript文件加载到我在Angular2中的组件中。在我的index.html中:System.config({packages:{"frontOfficeA2/src":{format:'register',defaultExtension:'js'},"angular2-jwt":{"defaultExtension":"js"},"ng2-bootstrap":{"defaultExtension":"js"},"system":{"defaultExtension":"js"}},map:{"angular2-

javascript - 检查 css 属性是否应用了 !important 属性

如果我有这样的风格——​div#testdiv{position:absolute;top:10px!important;}​我可以像这样使用jQuery查询top值-$("#testdiv").css("top");这将返回值10px。是否可以使用jQuery或JavaScript检查top属性是否应用了!important属性? 最佳答案 首先,jQuery中似乎不存在这样的解决方案。提供了许多可用的javascript解决方案,使用函数getPropertyPriority()。首先,IE6-IE8不支持此功能(参见here和