草庐IT

import_panel

全部标签

javascript - NPM 包 : best practices and exposing multiple import paths

我创建了一个使用Webpack和Babel进行转译/捆绑的NPM包。在我的package.json中,我将main设置为"main":"build/index.js"。在我的Webpack配置中,我将条目设置为entry:{app:'./src/index.js'}。我的条目文件如下所示。安装包后一切正常。但是,使用此设置,每个助手都会公开两个导入路径:对于支持自动导入的编辑器来说这是个问题,因为它们有时会从'my-package/build/utils/helper1'而不是'my的首选路径自动导入-包”。那么,两个问题:有什么方法可以防止较长的导入路径暴露出来吗?什么是创建NPM包

javascript - 'require' 与 'import' es6 有何不同?

我遇到了一种我无法解释的行为。根据使用import或require,此测试成功(import)或失败(require)。如果失败,我有以下错误:PhantomJS2.1.1(Windows70.0.0)immutabilityanumberisimmutableFAILEDundefinedisnotaconstructor(evaluating'expect((0,_immutable.List)([1])).toEqualImmutable((0,_immutable.List)([1]))')代码如下:import{Map,List}from'immutable';constex

javascript - 在 Webpack 4 中,我们可以使用 import() token 动态生成页面 block ,以便我们可以将 react 组件转换为可 react 加载的组件吗?

我们使用React和react-loadable.在我们的应用程序初始化期间,我们正在验证component.preload每个都存在方法我们定义。如果缺少该方法,我们会显示一条警告,表明该组件应该是可加载的。我们使用webpack4,有没有办法自动包装组件,所以我们不必手动做?这是一个组件的样子:/**MyComponent.js:pagecomponent*/exportdefault()=>Helloworld;这是包装在react-loadable组件中的同一个组件:/***preconfiguredreact-loadable*Seehttps://github.com/ja

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - Panel 的 DefaultButton 属性如何工作?

当您在ASP.NETPanel中声明一个Button用作DefaultButton时会发生什么?我知道ASP.NET会将面板的内容呈现为div并将一堆内容传递给ViewState。ViewState中是否有JavaScript处理呈现的Button的点击事件?我认为ViewState就是关于状态的信息。它是如何工作的? 最佳答案 关于ViewState,您是对的。它旨在保留页面和控件值。也就是说,他们的状态。你可以确认一下here.关于默认按钮,没有魔法。将javascript添加到div以绑定(bind)ENTER键事件。让我们来

javascript - browserify 入门 : import local files?

我一直在制作一个JavaScript应用程序的原型(prototype),现在我想使用browserify进行更强大的设置,并使用require管理依赖项。目前我的应用程序中有以下文件:chart.jsform.jshighcharts-options.jsvendor/highcharts.jsjquery.jshighcharts-options.js基本上是一个常量列表,而chart.js看起来像这样......varmyChart={setup:function(data){...this.render(data);},render:function(data){...}},和

javascript - import 不能在 chrome 61 中使用?

我想在最新发布的chrome版本chrome61中发挥ES6功能,在使用import关键字时遇到了错误。从技术上讲,import用作以下方法,但控制台显示错误:importMymodulefrom"Mymodule.js"控制台打印:UncaughtSyntaxError:Unexpectedidentifier我已经开启了以下实验性功能:chrome://flags/#enable-javascript-harmonychrome://flags/#enable-module-scripts接着是:chrome://flags/#disable-javascript-harmony-

javascript - Angular Material : Hide Autocomplete Panel when User hits enter Key

我目前正在开发一个表格,用户可以通过按Enter键在可编辑元素中切换。我也在其中使用了AngularMaterial。我有一个mat-form-field,其中包含几个动态创建的输入字段和mat-autocomplete元素。然而,我的输入键事件在这方面有点不同。当您按下输入字段时,将打开一个面板(下拉菜单),用户可以在其中选择输入或者他可以简单地自己编写,面板将提供建议(自动完成)。如果按Tab键会发生什么?如果您在键入时按Tab键,光标将移动到下一个可编辑元素,并且最新元素的面板(下拉列表)将关闭。如果你按下回车键会发生什么如果您在键入时按回车键,光标将移动到下一个可编辑元素,但是

javascript - 令人困惑的 es6 import -> export 语句

这是有效的javascript吗?它没有错误,而且似乎有效。export{defaultasChooser}from"./chooser";我的解释是:importdefaultfrom./chooser"export#1的结果asChooser这是正在发生的事情吗? 最佳答案 IsthisvalidJavaScript?是的。Isthiswhatishappening?是的。 关于javascript-令人困惑的es6import->export语句,我们在StackOverflow上

javascript - 为什么 import 关键字有用?

在typescript中,我可以像这样导入另一个模块\命名空间:namespaceShapes2{importshapes=Shapes;varbar=newshapes.Bar();}但是,我可以轻松地直接引用命名空间。namespaceShapes3{varshapes=Shapes;varbar=newshapes.Bar();}import有什么用吗?我什么时候想输入import而不是var? 最佳答案 在那种特定情况下,不,它没有做任何有用的事情。Thatsyntaxisforcreatingaliases对于命名空间。您