const path = require('path')

const webpack = require('webpack')

const ExtractTextPlugin = require('extract-text-webpack-plugin')

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

const projectRoot = path.resolve(__dirname)

const VueLoaderPlugin = require('vue-loader/lib/plugin')

const LodashModuleReplacementPlugin = require('lodash-webpack-plugin')

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

const cssLoaders = [{

  loader: 'css-loader',

  options: {

    module: true,

    localIdentName: '[local]'

  }

}]

const scssLoaders = [

  {

    loader: 'css-loader',

    options: {

      module: true,

      localIdentName: '[local]',

      importLoaders: 1

    }

  },

  {

    loader: 'resolve-url-loader'

  },

  {

    loader: 'postcss-loader'

  },

  {

    loader: 'sass-loader'

  }

]

      'bootstrap'

      './src/main.scss'

    path: path.join(__dirname, '/../../src/iconolab/static'),

    rules: [{

      test: /\.vue$/,

      loader: 'vue-loader'

    },

    {

      test: /\.css$/,

      loader: ExtractTextPlugin.extract({

        fallback: 'style-loader',

        use: cssLoaders

      }),

      include: [

        path.join(__dirname, '/src'),

        /node_modules/

      ]

    },

    {

      test: /\.scss$/,

      loader: ExtractTextPlugin.extract({

        fallback: 'style-loader',

        use: scssLoaders

      }),

      include: [

        path.join(__dirname, '/src'),

        /node_modules/

      ]

    },

    {

      test: /\.js$/,

      use: [{

        options: {

          presets: ['es2015'],

          plugins: ['transform-es2015-shorthand-properties', 'lodash']

      }],

      exclude: /node_modules/,

      include: [

        path.join(projectRoot, 'src')

      ]

    },

    {

      test: /\.(png|jpg|gif|svg)$/,

      loader: 'file-loader',

      query: {

        name: '[name].[ext]?[hash]'

      }

    },

    {

      test: /\.(ttf|eot|svg|woff|woff2)(\?v=[0-9]\.[0-9]\.[0-9])?$/,

      loader: 'file-loader?name=[name].[ext]&publicPath=../fonts/&outputPath=iconolab/fonts/'

    },

    {

      test: require.resolve('snapsvg'),

      loader: 'imports-loader?this=>window,fix=>module.exports=0'

    },

    {

      test: require.resolve('jquery'),

      use: [{

        loader: 'expose-loader',

        options: 'JQuery'

      }, {

        loader: 'expose-loader',

        options: '$'

      }]

    },

    {

      test: require.resolve('vue/dist/vue.min'),

      use: [{

        loader: 'expose-loader',

        options: 'Vue'

      }]

    }

    ]},

    new ExtractTextPlugin('iconolab/css/[name].css'),

    new VueLoaderPlugin(),

      $: 'jquery',

      jQuery: 'jquery',

      Popper: ['popper.js', 'default']

    }),

    new LodashModuleReplacementPlugin(),

    new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /fr/)

    contentBase: path.join(__dirname, '/../../src/iconolab'),

    headers: {

      'Access-Control-Allow-Origin': '*'

    },

    historyApiFallback: true

  devtool: '#source-map',

  performance: { hints: false },

  optimization: {

    splitChunks: { // CommonsChunkPlugin()

      name: 'vendor'

    },

    minimizer: [

      new UglifyJsPlugin({

        uglifyOptions: {

          ie8: false,

          mangle: true,

          output: {

            comments: false,

            beautify: false

          },

          compress: true,

          warnings: false,

          ecma: 6

        },

        sourceMap: true

      })

    ]

  }

  module.exports.mode = 'production'

  module.exports.devtool = false

        'NODE_ENV': '"production"'

    })

  ])

} else {

  module.exports.mode = 'development'

  module.exports.plugins = (module.exports.plugins || []).concat([

    new BundleAnalyzerPlugin()