草庐IT

babel-plugin-module-resolver

全部标签

javascript - 用于在 node_modules 中编译模块的 Webpack 配置

我的webpack/babel配置有问题。我已经将我的组件存储库(里面没有webpack配置的es6模块)安装为node_module。在这种情况下它不起作用-我收到“意外的token导入”错误(babel不转换es6代码)但是,如果我将外部文件夹链接到node_modules(npm链接./../../component-repository),那么它可以正常工作,没有任何错误。我花了很多时间,仍然无法解决这个问题。主要问题是如何在各个项目之间共享React组件。我的想法是将它们添加为依赖项。编辑:如何为项目设置webpack&babel以从node_modules文件夹编译ES6模

javascript - gulp-sourcemaps 不适用于 babel 6

因此,babel发布了截然不同的版本6。源map显示不正确(在Chrome开发人员中单击js文件不会引导我到es6源文件中正确的对应行)。这是我的gulpfile:"usestrict";vargulp=require("gulp"),sourcemaps=require("gulp-sourcemaps"),babel=require("gulp-babel"),uglify=require('gulp-uglify'),rename=require('gulp-rename');varpaths=['dojo-utils','dom-utils/dom-utils','esri-u

javascript - "resolve"是否始终意味着与 "fulfill"不同的东西?

(相关但不完全相同:JSPromises:FulfillvsResolve)我一直在努力思考Javascriptpromises,我正在努力解决resolve和resolved与fulfill的基本概念和完成。看了几个介绍,比如JakeArchibald's,以及浏览somerelevantspecs.在StatesandFates(不完全是官方规范,但被引用为规范作者之一撰写的权威文档),fulfilled是一种状态,而resolved是一种“命运”(无论是——但它们明显不同):Promiseshavethreepossiblemutuallyexclusivestates:fulf

javascript - Webpack ES6 modules 使用索引文件时的循环依赖

我有一个大项目,我现在尝试重构为ES6模块。为了进一步开发更容易,我想引入索引文件,它只导出目录中的所有模块:index.js:export{defaultasModuleA}from'./moduleA'export{defaultasModuleB}from'./moduleB'export{defaultasModuleC}from'./moduleC'moduleA.js:import{ModuleB}from'./index'moduleB.js:import{ModuleC}from'./index'ModuleC.doSomething()moduleC.js:expor

javascript - 如何减小 babel-polyfill 的大小(缩小后 150 KB)?

我刚刚设置了新的webpack4项目,并在我的主js文件中导入了babel-polyfill导入'babel-polyfill';在webpack生产构建之后,我用source-map-explorer分析了我的bandle我看到了这样的图片所以babel-polyfill(core-js)占用了150Kb,这在我看来太多了。有什么想法可以减小尺寸吗?我不想包含任何特定的polyfill(应该有一些tree-shaking,所以应该删除未使用的代码?)。我使用这个样板:https://github.com/flexdinesh/react-redux-boilerplate/tree/

javascript - resolve(thenable) 和 resolve ('non-thenable-object' ) 之间有什么区别?

我试图理解resolve(thenable)和resolve('non-thenable-object')之间的区别。在下面的示例中,使用promise而不是thenable,因为promise也是thenable并且可能更容易理解。Demo1:resolve(promise)letresolvePromise=newPromise(resolve=>{letresolvedPromise=Promise.resolve()resolve(resolvedPromise)})resolvePromise.then(()=>{console.log('resolvePromisereso

javascript - CommonJS - 如何将 jquery 和 jquery-plugin 组合到 $ 命名空间中

我想做的是调整我的jQuery插件以在Node.js上使用jQuery。据我了解,最基本形式的CommonJS需要将库包装在闭包中,并且该闭包应该作为“导出”参数的参数提供。这样,代码就整齐地包含在它自己的命名空间中(通过命名变量),并且不会污染全局命名空间。jQuery本身应该属于“$”命名空间。阿拉:var$=require(jquery);但我的插件也应该适合“$”命名空间。插件代码:(function($){//plugincodegoeshere})(jquery);exports.jquery=jquery//willthiswork?例如:var$=require(jqu

javascript - 如何在 gulpfile.js 中使用 babel-polyfill

在Babel中docs他们只是说要包含import"babel-polyfill";以便我可以使用ES6生成器,但是在我将该行包含在我的gulpfile.js中之后,我仍然会生成一个异常:UncaughtReferenceError:regeneratorRuntime未定义这是我的gulpfile.jsimport'babel-polyfill';vargulp=require("gulp"),babel=require("gulp-babel"),concat=require('gulp-concat'),rename=require('gulp-rename'),uglify=r

javascript - 没有为 node_modules 中的库定义 Angular2 require

我正在使用angular2-seed作为我项目的种子。require在源文件中工作得很好。但是每当我包含一个新库并在index.html中引用它时,控制台就会弹出一个错误,提示requireisnotdefined。包含Systemjs我阅读之前关于建议使用system.js的答案。systemjs已经包含在内。索引.htmlSystem.config({"defaultJSExtensions":true,"paths":{"./admin/main":"/./admin/main","angular2/*":"/angular2/*","rxjs/*":"/rxjs/*","*":

javascript - CORS plugin/--disable-web-security 如何在浏览器上工作?

我确定我不是唯一使用过/使用过CORSplugins的人对于浏览器或--disable-web-security标志,同时对外部(甚至内部)API端点进行API调用。我使用这个插件来进行谷歌地图相关的API调用。但在同一个应用程序中,ParseSDKAPI调用不需要CORS或--disable-web-security标志。我的问题是:为什么这些端点的行为不同以及CORS插件如何解决问题(即使我们无法控制这些API)?提前致谢。 最佳答案 好吧,那个插件的所作所为是非常不负责任的;它实际上禁用了同源策略,该策略强制特定源上的网站只能