草庐IT

babel-plugin-module-resolver

全部标签

javascript - babel-node 无法在 node_modules 中要求 jsx 文件

我知道babel-node忽略node_modules默认情况下,所以我运行了三种不同的方式来覆盖它,但都失败了:跑了babel-nodeapp.js与.babelrc:{"presets":["es2015","react"],"only":["app","node_modules/react-components"]}结果:SyntaxError:Unexpectedtoken对于所需的jsxNode模块跑了babel-nodeapp.js与.babelrc:{"presets":["es2015","react"],"ignore":"node_modules\/(?!react

javascript - require() : using module. 导出 vs 直接分配给 "this"

我想知道将这两种方法相互对抗时是否有任何优点或缺点:首先.js:this.myFunction=function(){return'herrofirst';}second.js:module.exports=obj={};obj.myFunction=function(){return'herrosecond';}以上两个将被包含并按如下方式使用:应用程序.js:varfirst=require('./first.js');console.log(first.myFunction());varsecond=require('./second');console.log(second.m

javascript - ES6 : No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only ** WEBPACK FOOTER **

它曾经有效。现在,当我添加一个断点时:saveSnippet:(title,imageUrl,role)=>{debugger;...chrome(53)中的结果是:我尝试使用它并将配置更改为'cheap-module-source-map'和'eval-source-map'和'source-map'。现在只有'eval-source-map'和'source-map'可以工作。webpack.config.js(Webpack1.13.2):varpath=require('path')varwebpack=require('webpack')varCompressionPlugi

javascript - 如何选择 node_modules dist flavor 与 webpack 捆绑在一起

问题:在我将AJV.js升级到版本6.4后,我的vendorbundle包含“uri-js”ESNEXT版本而不是破坏IE11兼容性的ES5版本。分析:我认为AJV通过require('uri-js')调用引用uri-js,而uri-js有两种形式:/node_modules/uri-js/dist/:es5下一个出于某种原因,Webpack(V4.8)将uri-js的“esnext”风格捆绑到我的vendorbundle中,而不是使用“es5”。我找不到我必须如何/在何处指定我的首选构建目标。这是我的webpack.config.js:constpath=require("path"

javascript - 编译器不抛出 "Cannot find module"错误

在我的项目中我有2个文件:foo.jsconstimage=require('../this/path/is/wrong.png');boo.tsxconstimage=require('../this/path/is/wrong.png');在foo.js中TypeScript正确的发现图片不存在并抛出“Cannotfindmodule”错误,但是对于boo.tsx没有抛出错误所以该错误仅在应用程序崩溃时出现在运行时。如果我只是将boo.tsx重命名为boo.jsTS再次开始按预期抛出错误。这些是我认为可能相关的一些编译器选项:"module":"es2015","target":"

javascript - 使用 TypeScript 和 Babel gulp sourcemaps

我目前正在编写一个业余项目,在那里我可以了解有关TypeScript和ES6(使用babel)的更多信息。我想在我的TypeScript中使用ES6,所以我决定采用以下工作流程。Typescript(ES6)->Babel(ES6)->ES5现在我正在使用Gulp自动执行所有这些操作,但我很难让源映射正确生成。我应该提一下,这个样式是/r/typescript上的一个用户向我推荐的,所以我什至不确定它是否可行。无论如何这是我当前的gulp任务varserver=$.typescript.createProject('src/server/tsconfig.json');gulp.tas

javascript - 私有(private) NPM : How can the latest version of a module be installed?

使用私有(private)npm,常用命令似乎不起作用:npminstall没有特定的@version::issuenpmoutdated::issuenpmupdate::issuenpmviewversions::(还没有发现问题)还要注意npmv,npmshow,和npminfo是aliases这同样行不通我经常不知道我的团队维护的私有(private)模块的最新版本。我会求助于上面列出的命令之一,但它们似乎不起作用。如何在不知道最新版本的情况下安装软件包? 最佳答案 如果我理解你的问题,安装最新的软件包将是:npminsta

javascript - 在 resolve 函数中返回 promise 作为它的延续

上下文我正在使用Angular。我有一个名为UserService的服务,它处理登录、身份验证和用户数据请求。get方法需要在发出get请求之前检查用户是否拥有有效(未过期)的身份验证token。因此,如果有,则发出请求;如果没有,则请求token,然后然后发出请求。问题这个get方法需要隐藏它的复杂请求。它只需要返回一个Promise,因为它只发出一个请求。所以,一个用法示例:UserService.get().then(data=>{...}).catch(error=>{...})错误的解决方案检查token是否过期。如果是,则返回刷新token的请求,然后发出并返回获取请求。如

javascript - 安装 Babel 以与 React 和 JSX 一起使用

我是React、Babel和JSX的新手。我正在尝试弄清楚如何安装Babel,以便它可以在浏览器中使用React和JSX“做正确的事”。但是,Babel的文档假定我已经了解整个NPM/Node+许多其他包管理器+框架生态系统,而我并不了解。对于只想使用Babel为React应用程序编译JSX的人,是否有任何文档?我想学习如何在我的机器上(而不是在托管站点上)执行此操作,但似乎那里的初学者文档为零。似乎这些部分的各种版本不再协同工作,所以我对我需要什么感到有点困惑。到目前为止,我已经下载了React16.2,并使用npm安装了Babelnpminstall--save-devbabel-

javascript - 使用 Webpack 和 Babel 的 ES6 动态导入

我一直在为我的ES6JS项目使用Webpack,并且在我开始使用动态导入之前一直运行良好。我的工作(router.js):import{navigo}from"Navigo";//routerimport{clients}from"Controllers/clients.js";constnavigo=newNavigo();navigo_router.on({'/clients':()=>{clients.init();}});但是我添加的页面/路由越多,模块头部堆积的导入就越多。这是一个相对较大的应用程序,我有很多页面/路由要添加,因此我需要动态加载它们以减少初始页面加载的大小。所