描述
将webpack打包生成的文件上传到云端,以提高加载速度
目前,支持阿里云、华为云、腾讯云、七牛云和又拍云,以及自定义扩展。
安装
npm install next-hsuc --save-dev
要求
Node
Node.js >= 10.10.0 required
使用
package.json 添加命令
// cross-env 需要先安装,npm install cross-env --save-dev "dev": "cross-env PORT=80 PROXY=true node server.js","build": "cross-env NODE_ENV=production next build","start": "cross-env NODE_ENV=production PORT=80 PROXY=true node server.js"
server.js 可以用自己的,这个只是举例
const express = require;const next = require;const
next.config.js 配置文件
// webpack.config.jsconst withPlugins = require ;const {PHASE_DEVELOPMENT_SERVER} = require;const Hsuc = require;const HsucOptions = const nextConfig = ; module.exports = withPlugins;)
hsuc(options)支持的选项
aliyun
- 初始化阿里云OSS参数。huawei
- 初始化华为云OBS参数。tencent
- 初始化腾讯云COS参数。qiniu
- 初始化七牛云参数。upyun
- 初始化又拍云参数。enable[boolean]
- 是否启用,默认true
。removePrevVersion[boolean]
- 是否删除云端以前的版本,默认false
log[boolean]
- 是否显示日志,默认false
cover[boolean|RegExp]
- 图片、字体文件是否覆盖,默认false
,填写正则时可以参考/\.(png|jpe?g|gif|ico|woff2?|svg|ttf|eot)$/
。custom[js文件,例如require("./template.js")]
- 自定义上传文件,可以参照项目中的文件template.js
文件,能够作为除aliyun huawei qiniu upyun
之外的扩展或修改。
对象存储CORS规则设置
aliyun
按照设置CORS设置CORShuawei
按照配置桶的CORS中“通过OBS Browser配置桶的CORS”设置tencent
按照设置跨域访问设置qiniu
按照CORS 跨域共享设置upyun
按照CORS 跨域配置设置
注意事项
- 云端访问权限请设置为“公共读写”或者“公共读”
options
参数中aliyun
、huawei
、tencent
、qiniu
和upyun
同时配置只有第一个有效- 该插件在开发模式时禁用
options.deletePrevBuildFile
启用该项会把以前的版本删掉,请谨慎。
部署
npm run buildmpm run start