simplebar/webpack.config.js at master · clientlab-dev/simplebar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
const path = require('path');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const production = process.env.NODE_ENV == 'production';

const pkg = require('./package.json');

var plugins = [];

var loaders = [
  {
    test: /\.js$/,
    exclude: /node_modules/,
    loader: 'babel-loader'
  },
  {
    test: /\.css$/,
    use: [
      'style-loader',
      'css-loader',
      'postcss-loader'
    ]
  }
];

if (production) {
  loaders = [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/env']
        }
      }
    },
    {
      test: /\.css$/,
      use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: [
          { loader: 'css-loader', options: { importLoaders: 1 } },
          'postcss-loader'
        ]
      })
    }
  ];

  plugins = [
    new UglifyJSPlugin({
      sourceMap: true,
      mangle: true,
      compress: {
        screw_ie8: true
      }
    }),

    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('production')
      }
    }),

    new ExtractTextPlugin('simplebar.css'),

    new webpack.BannerPlugin({
      banner: `
        ${pkg.title || pkg.name} - v${pkg.version}
        ${pkg.description}
        ${pkg.homepage}

        Made by ${pkg.author}
        Under ${pkg.license} License
      `
    })
  ];
}

module.exports = {
  devtool: production ? false : 'source-map',

  entry: './src/simplebar',

  devServer: {
    contentBase: './demo'
  },

  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'simplebar.js',
    libraryTarget: 'umd',
    library: 'SimpleBar',
    libraryExport: 'default'
  },

  module: {
    rules: loaders
  },

  plugins

};