草庐IT

ES导入导出

全部标签

javascript - 使用 Webpack 和 Babel 导出类不起作用

我有一个非常简单的Webpack和Babel设置,用于小型图书馆。之前,我有以下架构来生成库的ES5版本:module.exports.lib=(function(){/*privatepartoflibraryhere*/return{.../*publicpartoflibraryhere*/}})();一切都以这种方式运行良好,我什至在我的库中有一些ES6功能,例如箭头函数,并且一切正常。但是,我决定将我的方法更改为ES6类,这样:exportdefaultclassLibrary{}现在,当我尝试这样做时:varlibrary=newLibrary();我知道库没有定义。即使只

javascript - 为什么在 ES6 中不使用绑定(bind)到它的类创建的对象的方法?

我喜欢ES6类,但我不明白为什么我必须在构造函数中绑定(bind)方法:constructor(){this.someMethod=this.someMethod.bind(this)}我几乎需要为任何方法执行此操作。这是一个真正的限制还是我遗漏了什么?这背后的原因是什么?我知道JS中的类只是语法糖,但这可能是其中的一部分。 最佳答案 引用MarkMiller对thelinkedesdiscusspost的回答这里:Severaloftheearlyclassproposalsdidso,astheywerestartingwith

javascript - ES6 解构对象数组

我有这个对象constconfig={js:{files:[{src:'./js/app.js',name:'script.js',dest:'public_html/js/'},{src:'./js/admin.js',name:'script.js',dest:'public_html/js/'}]}};我想得到这个(获得所有来源):sources=['./js/app.js','./js/admin.js']//or,atleastsources=[{'./js/app.js'}]我知道如何用循环来做,但我可以用ES6解构来做吗?类似于:{sources=[{src}]}=con

javascript - 如何导出 promise 结果?

这段代码工作正常。在所有promise成功解决后,我只需要导出数据变量。我无法将此代码用于函数和导出变量。因为在这种情况下,此函数将导出一个空数组。'usestrict'importurlsfrom'./urls'importgetDatafrom'./get-data'getData(urls).then((responses)=>{constdata=[]constresults=responses.map(JSON.parse)for(leti=0,max=results.length;iconsole.log(error)) 最佳答案

javascript - 编译 ES6 和 VUE JS 在 IE 11 中不起作用

所以我在IE11中遇到了ES6、Webpack和VUEJS的问题。这在Edge、Chrome、Safari和Firefox中有效,但在IE11中无效。错误:SCRIPT1002:Syntaxerrorvue.js(16,8498)好的,那么这一行是什么?(module,__webpack_exports__,__webpack_require__){"usestrict";eval("/*unusedharmonyexportgetJSON*/\n/*unusedharmonyexportgetScrollBarWidth*/\n/*unusedharmonyexporttransla

javascript - ES6 类 : what about instrospection?

在ES5中,我可以检查窗口对象上是否存在“类”(构造函数):if(window.MyClass){...//dosomething}在ES6中,accordingtothisarticle,全局声明的类是全局的,但不是全局对象的属性(window,在浏览器上):Buttherearenowalsoglobalvariablesthatarenotpropertiesoftheglobalobject.Inglobalscope,thefollowingdeclarationscreatesuchvariables:letdeclarationsconstdeclarationsClas

javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用

我正在尝试转换编译我的react/es6代码并且来自browserify。由于新的babel6版本以及大多数教程现在已经过时的事实,我正在努力创建一个webpack构建。这适用于我的.babelrc:{"presets":["react"]}但是当我把它改成这样的时候:{"presets":["es2015","react"]}它抛出这个神秘的错误:./client/App.js中的错误模块构建失败:错误:您为我们提供了节点类型“NumericLiteral”的访问者,但它不是有效类型如果有帮助的话,这是我的webpack.config.js:module.exports={entry

javascript - ReactJS - 无法导入组件

我是ReactJS的新手。我正在开发一个小的单页应用程序,我只是想创建我的组件以在我的主要组件中导入。TestComponent.jsximportReactfrom'react'exportclassTestComponentextendsReact.Component{render(){return(TestComponent)}}在我的ma​​in.jsx中,我导入了这个组件调用importTestComponentfrom'./components/TestComponent.jsx'然后我尝试为特定路由调用我的组件:render((),document.getElementB

javascript - ES6 导入/导出是否需要 ".js"扩展名?

我安装了chromebeta-版本60.0.3112.24(官方构建)beta(64位)在chrome://flags/中,我启用了“实验性Web平台功能”(参见https://jakearchibald.com/2017/es-modules-in-browsers)然后我尝试了:index.js中有这样一行:export{defaultasdrawImage}from'./drawImage';这是指一个现有的文件drawImage.js我在控制台中得到的是中的错误GEThttp://localhost/bla/src/drawImage如果我更改导出并添加“.js”扩展名,它工作

javascript - Ember.js——我如何定位嵌套/重复 View 中的导出,以及此类 ui 布局的最佳实践是什么?

我正在重构一个继承的Ember应用程序,它有相当多的非mvc困惑。我希望尽可能保持模块化,并希望在多个屏幕中重用各种ui组件以帮助防止代码重复。看来outlets是最好的方式。现在,我有一个显示多个元素的UI,每个元素都使用模板化View呈现。{{#eachitemincontroller}}{{viewApp.ItemThumbView}}{{/each}}此View的右侧边栏是一个根据选择而变化的socket。WhenIselectanitem,Iwouldliketodisplayalistofeditoperationswithinthetemplatizedsub-view,