@nutui/carefree

安装

npm install @jd/jnpm -g --registry=http://registry.m.jd.com
 
jnpm i -D @jdcfe/carefree

使用

1. 在webpack配置文件中引入

const Carefree = require('@jdcfe/carefree');

plugins: [
    new Carefree({
        upload: false, 
        publicPath: '//page.jd.com/exploit/360assessment_m/',
        qrcodeUrl: 'http://page.jd.com/exploit/360assessment_m/index.html',
        ftp: {
          host: '192.168.181.73',
          port: 3000,
          username: 'user',
          password: 'user',
          source: 'dist',
          target: '/var/www/html/page.jd.com/exploit/carefree-test/1.0.5'
        },
        // ssh: {
        //     host: '192.168.182.85',
        //     port: 1234,
        //     username: 'carefree',
        //     password: 'carefree',
        //     source: 'dist',
        //     target: '/carefree-test'
        // }
    })
]

1. 在package.json中添加scripts，carefree-dev和carefree-build可直接替换原来的dev、build和upload（dev、build和upload可根据实际情况修改）

// package.json
scripts: {
    ...
    "carefree-dev": "cross-env NODE_ENV=carefree carefree_env=dev webpack -w --colors --progress",
    "carefree-build": "cross-env carefree_env=build npm run upload",
    ...
}

1. 如果想在启用脚本时暂时不使用carefree，可在脚本里修改carefree_env为cross-env carefree_env=stop
2. 命令行将会打印出二维码，推荐命令行终端的主题为暗黑系
3. 当配置好carefree后，我们会在webpack构建后，将build后的所有静态资源增量上传至配置好的服务器上， 这样就可以不依赖wifi热点，直接在手机上访问相关页面进行调试和预览；
4. 支持ssh与ftp两种上传方式；
5. upload设置为false将只打印二维码，不上传静态资源；
6. 默认关闭devtool以减小上传文件的体积，需要时可以设置为webpack的devtool配置；

Carefree参数说明

参数	说明	默认值	是否必填
upload	是否上传	true	否
devtool	参考webpack的devtool配置	false	否
publicPath	同webpackConfig.output.publicPath	-	是
qrcodeUrl	扫二维码后跳转的地址	publicPath + 'index.html'	否
ftp.host	服务器ip	--	是
ftp.port	服务器	--	是
ftp.source	待上传的目录	--	是
ftp.target	服务器端的项目目录	--	是
ftp.username	服务器用户名	--	是
ftp.password	服务器密码	--	是
ssh[option]	同ftp相关配置项	--	是