发布组件的记录

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 Status
    Build Status
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容