ant-kline/webpack.config.js

对kline.js的自定义修改

const path = require('path');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = [ {
    entry : './src/entry.js',
    devtool : 'source-map',
    output : {
        path : path.resolve(__dirname, 'dist'),
        filename : 'kline.min.js',
        libraryTarget : 'umd',
        umdNamedDefine : true
    },
    plugins : [
        new UglifyJsPlugin()
    ],
    externals : {
        jquery : {
            commonjs : "jquery",
            commonjs2 : 'jquery',
            amd : "jquery",
            root : "$"
        }
    },
    module : {
        rules : [
            {
                test : /\.js$/,
                exclude : /(node_modules|bower_components)/,
                use : {
                    loader : 'babel-loader',
                    options : {
                        presets : [
                            '@babel/preset-env'
                        ],
                        plugins : [
                            'transform-class-properties'
                        ]
                    }
                }
            },
            {
                test : /\.css$/,
                use : [ 'style-loader', 'css-loader' ]
            },
            {
                test : /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
                loader : 'url-loader',
                options : {
                    limit : 10000
                }
            },
            {
                test : /\.(html)$/,
                use : {
                    loader : 'html-loader',
                    options : {
                        attrs : [ ':data-src' ]
                    }
                }
            }
        ]
    }
},
    {
        entry : './src/entry.js',
        devtool : 'source-map',
        output : {
            path : path.resolve(__dirname, 'dist'),
            filename : 'kline.js',
            libraryTarget : 'umd',
            umdNamedDefine : true
        },
        plugins : [],
        externals : {
            jquery : {
                commonjs : "jquery",
                commonjs2 : 'jquery',
                amd : "jquery",
                root : "$"
            }
        },
        module : {
            rules : [
                {
                    test : /\.js$/,
                    exclude : /(node_modules|bower_components)/,
                    use : {
                        loader : 'babel-loader',
                        options : {
                            presets : [
                                '@babel/preset-env'
                            ],
                            plugins : [
                                'transform-class-properties'
                            ]
                        }
                    }
                },
                {
                    test : /\.css$/,
                    use : [ 'style-loader', 'css-loader' ]
                },
                {
                    test : /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
                    loader : 'url-loader',
                    options : {
                        limit : 10000
                    }
                },
                {
                    test : /\.(html)$/,
                    use : {
                        loader : 'html-loader',
                        options : {
                            attrs : [ ':data-src' ]
                        }
                    }
                }
            ]
        }
    }
];