pack4/webpack.config.js at development · eversadia/pack4 · 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
const path = require( 'path' )
const HtmlWebPackPlugin = require( "html-webpack-plugin" );
const MiniCssExtractPlugin = require( "mini-css-extract-plugin" );

module.exports = {
  entry: {
    app: './src/index.js'
  },
  output: {
    path: path.resolve( __dirname, '../../../build' ),
    filename: '[name].js?[hash]'
  },
  module: {
    rules: [ {
      test: /\.js$/,
      exclude: /node_modules/,
      use: {
        loader: "babel-loader"
      }
    }, {
      test: /\.html$/,
      use: [ {
        loader: "html-loader",
        options: {
          minimize: true
        }
      } ]
    }, {
      test: /\.css$/,
      use: [ MiniCssExtractPlugin.loader, "css-loader" ]
    } ]
  },
  plugins: [
    new HtmlWebPackPlugin( {
      template: "./src/index.html",
      filename: "./index.html"
    } ),
    new MiniCssExtractPlugin( {
      filename: "[name].css",
      chunkFilename: "[id].css"
    } )
  ]
};