一、rollup

参考:
redux
reach-router
rollup-starter-lib
rollup-starter-app
roller-cli
create-react-library





一、安装 npm install
--global rollup二、命令: rollup -c 默认指向rollup.config.jsimport babel from 'rollup-plugin-babel'; import commonjs from 'rollup-plugin-commonjs'; import peerDepsExternal from 'rollup-plugin-peer-deps-external'; import postcss from 'rollup-plugin-postcss'; import resolve from 'rollup-plugin-node-resolve'; import image from 'rollup-plugin-image'; import sizes from 'rollup-plugin-sizes'; // import env from 'rollup-plugin-env'; // import uglify from 'rollup-plugin-uglify'; import pkg from './package.json';const external = Object.keys(pkg.dependencies || {});export default {input: 'src/index.js',output: [{file: pkg.main,format: 'cjs',},{file: pkg.module,format: 'es',sourcemap: true,},],plugins: [// env({ NODE_ENV: 'production' }), peerDepsExternal(),postcss({modules: true,}),image(),babel({exclude: 'node_modules/**',}),resolve(),commonjs({include: 'node_modules/**',namedExports: {'node_modules/react/index.js': ['Component', 'PureComponent', 'Children', 'createElement'],},}),// uglify(),sizes({ details: true }),],external, // dependencies 内 不需要打包进去,运行时加载 };三、 rollyup 默认将相对路径加载, 如果想加载node_module 需要用rollup-plugin-node-resolve. Rollup will only resolve relative module IDs by default. If you do want to include the module in your bundle, you need to tell Rollup how to find it. In most cases, this is a question of using rollup-plugin-node-resolve.四 Since most packages in your node_modules folder are probably legacy CommonJS rather than JavaScript modules, you may need to use rollup-plugin-commonjs:五、 rollup-plugin-babel 在Babel实际编译代码之前,需要进行配置。 创建一个新文件src/.babelrc:

 

转载于:https://www.cnblogs.com/shangyueyue/p/10615135.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/363302.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

从一本书看经济危机中创业者的机会

最近抽时间在看一本书《赢道:成功创业者的28条戒律》,赢道营销总裁邓超明、中国企业家联合会秘书长刘洋和资深IT经理人代腾飞三位创业者联手所写。就如同网上所介绍的,这本书分析了近30年来国内外100位风云人物创业成败之道,讲述了…

JSF中run项目时候Tomcat8启动不了的一种方法

把另一个博客内容迁移到这 我的问题是Tomcat是可以启动的 但是run那个jsp的时候七月 10, 2016 3:14:54 下午 org.apache.tomcat.util.digester.SetPropertiesRule begin警告: [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property source to org.eclipse…

elasticsearch_dsl.exceptions.ValidationException: You cannot write to a wildcard index.

elasticsearch_dsl.exceptions.ValidationException: You cannot write to a wildcard index. 这里是因为版本不匹配的问题 查看es版本方法如下: 查看elasticsearch包与elasticsearch-dsl版本方法(pip list)如下: 因为我的es是5.1…

ListView执行notifyDatasetChanged无数据显示,getView未执行

自定义的一个ListView放到布局文件中,设置widthmatch_parent,heightwrap_content。 设置数据后执行notifyDatasetChanged。可以确定数据发生了变化,但是没有进入到getView中刷新数据。 经过尝试,设置height为match_parent之后数据…

在Java中对Singleton类进行双重检查锁定

Singleton类在Java开发人员中非常常见,但是它给初级开发人员带来了许多挑战。 他们面临的主要挑战之一是如何使Singleton保持为Singleton? 也就是说,无论出于何种原因,如何防止单个实例的多个实例。 对Singleton进行双重检查锁定是…

【转】解析.Net框架下的XML编程技术

【引自突破思维的禁忌的博客】一、前言 XML是微软.Net战略的一个重要组成部分,而且它可谓是XML Web服务的基石,所以掌握.Net框架下的XML技术自然显得非常重要了。本文将指导大家如何运用C#语言完成.Net框架下的XML文档的读写操作。首先,我会向…

line-height 属性

p.small {line-height:90%} p.big {line-height:200%} 该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。 line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半&…

wstngfw中使用Viscosity连接OpenV-P-N服务器

wstngfw中使用Viscosity连接OpenV-P-N服务器 在本例中,将假设以下设置: 站点 A站点 B名称Beijing Office(北京办公室)名称Shenzheng Office(深圳办公室)WAN IP192.168.10.46WAN IP192.168.20.46LAN 子网192…

软件开发薪资调查

软件开发薪资调查 以下是根据朋友和自己面试过的几家公司的了解得到的结果,可能与实际数据有些出入,只做参考。 2~3年工作经验的:杭州 公司名 公司性质 待遇 灵川 欧美(英国…

使用jXLS将Excel文件解析为JavaBeans

这篇文章展示了如何使用jXLS将Excel文件解析为JavaBeans列表。 这是我编写的通用实用程序方法&#xff1a; /** * Parses an excel file into a list of beans. * * param <T> the type of the bean * param xlsFile the excel data file to parse * param jxlsConfigF…

开张了!

今天开张了&#xff0c;试试看&#xff01; Code1using System; 2using System.Collections.Generic; 3using System.Text; 4 5namespace Model 6{ 7 public enum SiteType 8 { System,External,All}; 9 [Serializable]10 class SiteInfo11 {12 public i…

实时监听input输入框value的变化:

HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件实时监听输入框value的变化 oninput 事件在用户输入时触发。 该事件在 <input> 或 <textarea> 元素的值发生改变时触发。 提示&#xff1a; 该事件类似于 onchange 事件。不同之处在于 oninput 事件…

dubbo和zookeeper的关系

转载前言&#xff1a;网络上很多教程没有描述zookeeper和dubbo到底是什么关系、分别扮演了什么角色等信息&#xff0c;都是说一些似是而非的话&#xff0c;这里终于找到一篇文章&#xff0c;比较生动地描述了注册中心和微服务框架之间的关系&#xff0c;以及他们之间的合作分工…

测试Hibernate的最低配置

介绍 在上一篇文章中&#xff0c;我宣布了我打算创建个人Hibernate课程的意图。 首先要做的是最小的测试配置。 这些示例与Hibernate 4有关。 您只需要休眠 在实际的生产环境中&#xff0c;您不会单独使用Hibernate&#xff0c;因为您可以将其集成到JEE或Spring容器中。 要测试…

批处理:修改COM端口号

发现万能的WMI居然没有实现修改COM端口号的方法&#xff0c;不过用来遍历端口信息还是可以的&#xff0c;参考http://msdn.microsoft.com/en-us/library/aa394413(vvs.85).aspx。 没有办法只能通过修改注册表的方式来实现&#xff0c;下面献上代码&#xff0c;自己看吧&#xf…

真是无语

今天是我们有个女同事为了在我们的网站上传一个图片&#xff0c;她从昨天一直传到今天&#xff0c;这张图片都没有传上去。她给一个技术员说了&#xff0c;别人对她说可能是你电脑的问题&#xff0c;还可能是你IE有问题&#xff0c;因为技术员上传一张图片能传上去&#xff0c;…

2.2 .this的绑定规则

2.this的绑定规则 1.默认绑定 1 function foo( )2 {3 console.log(this.a);4 }5 var a1;6 foo(); //1 在代码中&#xff0c;foo()函数不带任何修饰的引用进行调用的&#xff0c;那么只能使用默认绑定。 2.隐式绑定 1 function foo1()2 {3 console.log( this.a );4…

Flink学习(二)Flink中的时间

摘自Apache Flink官网 最早的streaming 架构是storm的lambda架构 分为三个layer batch layerserving layerspeed layer一、在streaming中Flink支持的通知时间 Flink官网写了个了解streaming和各种时间的博客 https://www.oreilly.com/ideas/the-world-beyond-batch-streaming-1…

RSS阅读器使用:ROME,Spring MVC,嵌入式Jetty

在这篇文章中&#xff0c;我将展示一些创建Spring Web应用程序的准则&#xff0c;使用Jetty以及使用名为ROME的外部库运行RSS来运行它。 一般 我最近创建了一个示例Web应用程序&#xff0c;充当RSS阅读器。 我想检查ROME以阅读RSS。 我还想使用Spring容器和MVC创建最简单的视图…

HZOJ string

正解炸了…… 考试的时候想到了正解&#xff0c;非常高兴的打出来了线段树&#xff0c;又调了好长时间&#xff0c;对拍了一下发现除了非常大的点跑的有点慢外其他还行。因为复杂度算着有点高…… 最后正解死于常数太大……旁边的lyl用同样的算法拿了90分我却拿了个暴力的分40……