const path = require('path');
var webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin');

function resolve(dir) {
  return path.join(__dirname, dir)
}
const config = {
  entry: './src/flow.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/assets/',
    library: 'flow',
    libraryTarget: 'umd',
    filename: 'flow.js'
  },
  resolve: {
    extensions: ['.js', '.json'],
    alias: {
      '@': resolve('src'),
    },
    symlinks: false
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['es2015','env'] 
          }
        },
        exclude: /node_modules/,
        include: [resolve('src')]
      },{
        test: /\.less$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          //如果需要，可以在 less-loader 之前将 resolve-url-loader 链接进来
          use: ['css-loader', 'less-loader']
        })
        // use: [{
        //   loader: "style-loader"
        // }, {
        //   loader: "css-loader"
        // }, {
        //   loader: "less-loader",
        //   options: {
        //     strictMath: true,
        //     noIeCompat: true
        //   }
        // }]
      }
    ]
  },

  plugins: [
    // 　　new webpack.LoaderOptionsPlugin({ 
    //   　　　　　　options:{
    //   　　　　　　　　babel:{
    //   　　　　　　　　　　babelrc: false,
    //   　　　　　　　　　　"presets": ["es2015"] 
    //   　　　　　　　　　　}
    //   　　　　　　　　}
    //   　　　　}),
    new webpack.optimize.UglifyJsPlugin({
        compress: {
            warnings: false
        }
    }),
    new ExtractTextPlugin("index.css")
]
}
module.exports = config;