发布组件的记录

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

你可能感兴趣的:(发布组件的记录)