const HtmlWebpackPlugin = require('html-webpack-plugin')
const ip = require('ip')

module.exports = {
  mode: 'development',
  entry: './demo/index.tsx',
  output: {
    filename: 'demo.js',
    publicPath: '/'
  },
  resolve: {
    extensions: [
      '.ts',
      '.tsx',
      '.js'
    ]
  },
  module: {
    rules: [{
      test: /\.tsx?$/,
      loader: 'babel-loader'
    }, {
      test: /\.less$/,
      use: [
        'style-loader',
        {
          loader: 'typings-for-css-modules-loader',
          options: {
            namedExport: true,
            modules: true,
            localIdentName: '${projectName}__[local]__[hash:base64:5]',
            importLoaders: 2
          }
        }, {
          loader: 'postcss-loader'
        }, {
          loader: 'less-loader'
        }
      ]
    }]
  },
  plugins: [new HtmlWebpackPlugin({
    template: 'demo/index.html'
  })],
  devServer: {
    host: ip.address(),
    open: true,
    port: 9527
  },
  devtool: 'source-map'
}