1. 简介
baqend-webpack-plugin 是一个 webpack 插件,可以将 webpack 打包好的文件自动上传到 baqend 云服务中,方便我们将前端静态资源部署到 baqend 云上。
2. 安装
安装 baqend-webpack-plugin 依赖包:
npm install baqend-webpack-plugin --save-dev
3. 如何使用
在 webpack 配置文件中添加以下代码:
-- -------------------- ---- ------- ----- ------------------- - --------------------------------- -------------- - - -- ------------ -------- - --- --------------------- ---- ----------- ------- ---------- ------- ------------ -- - -
一些必要参数的含义:
app
:你在 baqend 注册的应用名称apiKey
:你的应用的 api key,可以在应用管理页面找到domain
:你的应用的域名。如果你的应用是 example.baqend.com,那么 domain 应该是 'baqend.com'
4. 示例
-- -------------------- ---- ------- -- ----------------- ----- ------------------- - --------------------------------- -------------- - - ------ - ----- --------------- -- ------- - ----- ----------------------- -------- --------- ------------ ----------- --- -- -------- - --- --------------------- ---- -------------- ------- ------------- ------- ------------ -- - --
5. 效果
webpack 打包完成后,你会看到如下提示:
[baqend-webpack-plugin] [INFO] Uploading 'main.js' to baqend.com:my-app-name/main.js [baqend-webpack-plugin] [SUCCESS] All files uploaded successfully!
这说明我们已经成功将文件上传到了 baqend 云上,你可以在应用管理页面中查看到刚刚上传的文件,然后将其部署到你的网站上就可以了。
6. 总结
通过 baqend-webpack-plugin,我们可以轻松将前端静态资源上传到 baqend 云上,进而方便地将网站部署到云上,达到更好的扩展和高性能的目的。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005625e81e8991b448df9d9