美文网首页
发布组件的记录

发布组件的记录

作者: 尘土的味道 | 来源:发表于2017-07-17 19:07 被阅读0次

npm publish

发布组件

注册

注册npmjs账号
npm init 到所在的项目下创建package.json
npm adduser 添加npmjs账号
npm publish 注意不能已有项目重名
发布的时候按umd发布(webpack output{ library:module-name,libraryTarget:'umd'})

webpack

webpack preloaders 改为
rules: [
            {
                test: /\.jsx?$/,
                enforce: "pre",
                use: [
                    'eslint-loader',
                ],
            },
            {
                test: /\.jsx?$/,
                use: [
                    'babel-loader',
                ],
                exclude: /node_modules/
            },
    ]

, 编译前置,如用来检测语法,eslint-loader
分析包体积 webpack-bundle-analyzer

travis使用

  1. 用github登陆travis
  2. 添加要开启检测的项目开启
  3. 添加travis.yml文件到你的项目下,推送到远程仓库会自动构建,可以到travis查看构建具体结果,如果有错,按提示处理就行了,一般修改travis.yml就行。
  4. 点击build图标,把build的图标贴到项目的readme可以事实看到编译是否通过。如: Build StatusBuild Status

相关文章

  • 发布组件的记录

    npm publish 发布组件 注册 注册npmjs账号npm init 到所在的项目下创建package.js...

  • npm 发布组件常见错误

    npm 发布组件时遇到的一些常见报错,这里记录一下,方便查找解决方法: 一、npm publish 发布时错误: ...

  • 使用npm发布自己的npm组件包

    作为前端攻城狮,npm包管理是需要经常使用的,封装自己的组件包,方便使用是有必要的,仅记录发布npm组件包的过程,...

  • 2019-04-10父子组件的交互

    父组件通过属性的方式向子组件传递参数(数据)。 子组件通过发布订阅模式向父组件,子组件发布一个事件,父组件恰好之前...

  • react的通信方式eventEmitter

    新建eventBus.js 发布组件 订阅组件 --------------------------------这...

  • 发布你的组件到webcomponents.org

    beta.webcomponents.org是一个可以: 发布自己的自定义组件或组件集合 查看别人发布的自定义组件...

  • Android组件化方案

    Android组件化方案Android彻底组件化demo发布

  • Vue补充总结(一)

    created :父组件早于子组件 mounted :子组件早于父组件 在哪个组件发布其实就是再哪个组件监听,只是...

  • React-组件通信方式总结

    组件间的关系 父子组件:props兄弟组件(非嵌套组件):消息订阅-发布、集中式管理、events包祖孙组件(跨级...

  • vue组件发布

    前言 公司内部统一使用一套相同的UI组件,将该组件发布到私有服务器上,方便不同子公司开发管理。 想法 通过网上相关...

网友评论

      本文标题:发布组件的记录

      本文链接:https://www.haomeiwen.com/subject/bhjqkxtx.html