简介
webpack-plugin-qiniu是一个webpack插件，用于自动将打包后的文件上传至七牛云存储。本文将介绍如何使用该插件。
安装
在项目根目录下使用npm安装webpack-plugin-qiniu：
npm install webpack-plugin-qiniu --save-dev
配置
编辑webpack.config.js文件，添加webpack-plugin-qiniu插件：
-- -------------------- ---- -------
----- ----------- - --------------------------------
-------------- - -
-----
-------- -
--- -------------
----------- ----- ------ -----
----------- ----- ------ -----
------- ----- ------ ------
----- --------------------- -- ---------
-------- --------- -- ---------
-------- ------------ -- ------------
------ ----- -- --------
--
-
-参数说明
ACCESS_KEY和SECRET_KEY是七牛云存储的Access Key和Secret Key，可在后台获取。bucket是Bucket名称。path是上传的文件命名规则，可以用[hash]、[ext]、[query]等占位符自定义文件名，如'[hash][ext][query]'。include是需要上传的文件路径正则表达式数组。exclude是不需要上传的文件路径正则表达式数组。debug用于启用或禁用调试模式，默认为false。
示例代码
-- -------------------- ---- -------
----- ---- - ----------------
----- ----------------- - -------------------------------
----- ----------- - --------------------------------
-------------- - -
----- --------------
------ ----------------
------- -
--------- -------------------
----- ----------------------- -------
--
-------- -
--- -------------------
--------- ------------------
---
--- -------------
----------- ----- ------ -----
----------- ----- ------ -----
------- ----- ------ ------
----- ---------------------
-------- ---------
-------- ------------
------ -----
--
-
--配置完成后，运行npm run build进行打包，插件会自动将打包后的文件上传至七牛云存储。
结语
使用webpack-plugin-qiniu插件可以方便地将打包后的文件上传至七牛云存储，节省手动上传的时间，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005579981e8991b448d499c