webpack.build.config.js

const path = require('path');
const webpack = require('webpack');
const ParallelUglifyPlugin = require('webpack-parallel-uglify-plugin');
const os = require('os');
const ProgressBarPlugin = require('progress-bar-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin');

module.exports = {
    mode: 'production',
    entry: {
        index: path.resolve(__dirname, './src/index')
    },
    output: {
        path: path.join(__dirname, './dist'),
        filename: '[name].js',
        library: 'V2LazyList',
        libraryTarget: 'umd'
    },
    module: {
        rules: [
            {
                test: /\.vue$/,
                type: 'javascript/auto',
                loader: 'vue-loader'
            },
            {
                test: /\.js$/,
                type: 'javascript/auto',
                exclude: /node_modules/,
                loader: 'babel-loader'
            },
            {
                test: /\.less$/,
                type: 'javascript/auto',
                use: ['vue-style-loader', 'css-loader', 'postcss-loader', 'less-loader']
            }
        ]
    },
    externals: {
        'beautify-scrollbar': {
            root: 'BeautifyScrollbar',
            commonjs2: 'beautify-scrollbar',
            commonjs: 'beautify-scrollbar',
            amd: 'beautify-scrollbar'
        }
    },
    plugins: [
        // new ParallelUglifyPlugin({
        //     workerCount: os.cpus().length,
        //     cacheDir: '.cache/',
        //     sourceMap: true,
        //     uglifyJS: {
        //         compress: {
        //             warnings: false,
        //             /* eslint-disable */
        //             drop_debugger: true,
        //             drop_console: true
        //         },
        //         mangle: true
        //     }
        // }),

        new ProgressBarPlugin()
    ]
}