草庐IT

import-local

全部标签

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 - "No locale data has been provided"不管传入什么

我正在尝试使用intl进行一些格式化,但无论我作为语言环境传入什么,我总是会收到以下错误消息:ReferenceError:Nolocaledatahasbeenprovidedforthisobjectyet我尝试了以下方法:newIntl.NumberFormat('en-ZA',{minimumFractionDigits:percentDecimals});还有newIntl.NumberFormat(['en-ZA'],{minimumFractionDigits:percentDecimals});我不确定还能做什么。我已将包添加到package.json"intl":"l

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 - Chrome.Storage.Local 持久化

全部。我已经开始使用Chrome的各种API开发小型扩展程序,尽管一切正常,但我仍然对一些事情感到好奇。两个问题,如果你们不介意帮我解决的话:1.谁能告诉我chrome.storage.local的持久性限制是什么?我已经自己尝试过各种测试,例如使用chrome.storage.local.set()存储一些东西,清除我所有的浏览器历史记录、cookie等,然后查看是否一切都还在那里。通常它还会在那里,但有时我稍后再回来查看它就会消失。总的来说,我一直无法明确标记我正在做的事情,即偶尔清除.local数据。2.到目前为止,我主要使用chrome.storage.sync,同时没有使用C

javascript - Node JS 在 module.exports 中调用一个 "local"函数

如何在module.exports声明中从另一个函数中调用一个函数?我有MVC结构Nodejs项目和一个名为TestController.js的Controller。我想在Controller中访问方法,但是使用this关键字会出现以下错误:cannotcallmethodgetNameofundefined"usestrict"module.exports={myName:function(req,res,next){//accessingmethodwithincontrollerthis.getName(data);},getName:function(data){//code}

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

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