webapck 上传文件

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

webpack --config webpack.config.js

 

转载于:https://my.oschina.net/codingBingo/blog/821200