webapck 上传文件

最新推荐文章于 2024-09-23 22:28:16 发布

转载最新推荐文章于 2024-09-23 22:28:16 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/codingBingo/blog/821200

文章标签：

#webpack #python #ViewUI

本文介绍了如何使用Webpack部署插件进行项目部署，包括安装、配置等步骤，并提供了具体的配置示例代码。通过该插件可以实现将打包后的文件上传到远程服务器或CDN服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

webpack 部署插件,可上传到远程服务器活cdn服务进行部署.

install

npm install --save webpack-upload

plugins

var path = require('path'),
    webpack = require('webpack'),
    WebpackUploadPlugin = require('webpack-upload');
 
module.exports = {
    entry: {
        'bundle': './entry.js',
    },
    output: {
        path: 'public',
        filename: '[name].js',
        chunkFilename: '[id].[hash].chunk.js',
        // cdn 地址前缀或url前缀 
        publicPath: 'http://cdn.a.b.com/static/'
    },
    plugins: [
        new webpack.DefinePlugin({
            "process.env": {
                NODE_ENV: JSON.stringify(process.env.NODE_ENV)
            }
        }),
        new WebpackUploadPlugin({
            // 上传服务接口，插件会把文件逐个post到上传服务 
            receiver: 'http://xx.xx.xxx/receiver',
            // 指定上传目录 
            to: '/receiver_dir/static',
            //部分cdn服务器上传需要token参数, 例如qiniu
            data: {
               token: '123123'
            }
        })
    ]
};

ok,然后跑一下webpack