草庐IT

rollupjs

全部标签

javascript - 如何将 bower 包依赖项排除在我的汇总包之外?

我目前正在创建一个导出单个ES6模块的bower包。在为我的包构建dist时,我使用rollup将我所有的内部模块移动到一个模块中,只导出一个模块。Gulp任务://BundleES6modulesintoasinglefilegulp.task('bundle',function(){returngulp.src('./src/GuacaMarkdownEditor.js',{read:false}).pipe(rollup({//anyoptionsupportedbyrollupcanbesethere,includingsourceMap//https://github.com

javascript - Rollup.js 如何在不做任何更改的情况下导入 js 文件(不是 es6 模块)(myvar$extrastring)

首先,我明白为什么rollup.js需要在某些变量的末尾附加额外的字符串以避免冲突但是......我不明白如何“连接/导入”一个不是amd/commonjs/es6的简单javascript文件,而是简单的显示模块!我有以下文件结构:foo.jsvarFoo=(function(){varsomeMethod=function(){};return{someMethod:someMethod};})();bar.js(function(module){module.bar="bar";})(Foo);主要.jsimport"foo.js"import"bar.js"构建后,我得到:构建

javascript - rollup.js 单次导入多次使用

您好汇总专家我有一个React组件和一个使用相同导入的商店//文件:ProfileStore.jsimportProfilesActionsfrom'./ProfilesActions.js'....--//文件:Component.jsimportProfilesStorefrom'../flux/ProfilesStore'....render:function(){....ProfilesActions.doSomething();....}我的输出结果很奇怪:varProfilesActions$1=.....//TheProfileActionsimplementationv

javascript - rollup.js 中的 rxjs 不导出“主题”

我正在尝试设置我的项目以使用汇总,作为angular2迁移到AOT编译的一部分,但是,我遇到了以下问题。Error:'Subject'isnotexportedbynode_modules\rxjs\Subject.js这是我的rollup.js文件:importrollupfrom'rollup';importnodeResolvefrom'rollup-plugin-node-resolve'importcommonjsfrom'rollup-plugin-commonjs';importuglifyfrom'rollup-plugin-uglify'exportdefault{e

javascript - 使用汇总将 d3.event 导入自定义构建

我有一个这样的文件d3.custom.build.js(简化):import{range}from'd3-array';import{select,selectAll,event}from'd3-selection';import{transition}from'd3-transition';exportdefault{range,select,selectAll,event,transition};还有一个像这样的rollup.config.js:importnodeResolvefrom'rollup-plugin-node-resolve';exportdefault{entry

javascript - rollup.JS 和 "' 这个关键字相当于 'undefined'

我正在尝试使用Rollup.js捆绑Angular2模块。这是我的rollup.config.vendor.js文件:importtypescriptfrom'rollup-plugin-typescript2';importresolvefrom'rollup-plugin-node-resolve';importcommonjsfrom'rollup-plugin-commonjs';exportdefault{entry:'vendor.ts',dest:'./Bundle/vendor.js',format:'iife',moduleName:'vendor',plugins:

javascript - 是否保证在 webpack 或 rollup 模块打包过程中保留单例?

了解单例创建共享全局状态这一事实,在某些情况下我可能需要单例,例如reduxstore/state对象。如果我使用的是ES模块,我可以使用如下简单的代码来创建单例://a.js(singletonmodule)classA{}//Createsingletonexportconsta=newA();现在我可以在其他模块的任何地方使用这个实例化对象://b.js//Importsingletonimport{a}from'./a.js';console.log(a);//c.js-someothernestedfileimport{a}from'../../a.js';console.l

javascript - Rollup.js Unresolved 依赖项

我正在尝试将rollup.js合并到一个项目中。目前我在控制台中收到下面提供的警告(Unresolved依赖项),我不确定为什么或如何修复它:'fs'isimportedbynode_modules\filereader\FileReader.js,butcouldnotberesolved–treatingitasanexternaldependency'fs'isimportedbycommonjs-external:fs,butcouldnotberesolved–treatingitasanexternaldependencypreferringbuilt-inmodule'p

javascript - 将 typescript 与 RollUp bundle 在一起 - 无法处理编译器选项

我正在尝试bundle我的typescript文件RollUp(https://rollupjs.org/)我使用了这个配置文件:rollup.config.js:importaliasfrom'rollup-plugin-alias';importresolvefrom'rollup-plugin-node-resolve';importtypescriptfrom'rollup-plugin-typescript';importangularfrom'rollup-plugin-angular';exportdefault{entry:'../main.ts',format:'ii

javascript - 如何有选择地导入 ES2015 模块函数,但带有命名空间?

我开始使用Rollup和D3版本4,它是用ES2015模块编写的。我使用传统的D3命名空间“d3”编写了一些代码。现在我想使用Rollup创建一个自定义包。我想使用tree-shaking,因为我可能只使用了d3中大约一半的函数,而且我想尽可能地保持轻便。我很清楚我可以有选择地导入函数,例如:import{scaleLinear}from"d3-scale";import{event,select,selectAll}from"d3-selection";这很快就会变得非常冗长,因为d3的一半是很多函数。我可以忍受这一点。更大的问题是它还需要在没有namespace的情况下完全重写我所
12