synthing

a waveform sequencing synth on the web
Log | Files | Refs | Submodules

webpack.config.js (1463B)

      1 const path = require('path');
      2 
      3 module.exports = {
      4     entry: './src/index.js',
      5     mode: 'development',
      6     output: {
      7         filename: 'bundle.js',
      8         path: path.resolve(__dirname, 'dist'),
      9     },
     10     devServer: {
     11         contentBase: path.join(__dirname, "dist"),
     12     },
     13     module: {
     14         rules: [
     15             {
     16                 test: /\.js$/,
     17                 include: path.resolve(__dirname, 'src'),
     18                 loader: 'babel-loader',
     19                 options: {
     20                     "plugins": [
     21                         "transform-class-properties"
     22                     ],
     23                     "presets": [
     24                         ["env", { "modules": false }],
     25                         "preact"
     26                     ]
     27                 }
     28             },
     29             {
     30                 test: /\.css$/,
     31                 include: path.resolve(__dirname, 'src'),
     32                 use: [
     33                     'style-loader',
     34                     {loader: 'css-loader', options: {importLoaders: 1}},
     35                     'postcss-loader'
     36                 ]
     37             },
     38             {
     39                 test: /\.(ttf|woff2?|svg|eot|jpg)$/,
     40                 include: [
     41                     path.resolve(__dirname, 'src'),
     42                     path.resolve(__dirname, 'AudioKeys/images')
     43                 ],
     44                 loader: 'file-loader',
     45                 options: {
     46                     name: '[name]-[hash].[ext]'
     47                 }
     48             },
     49         ],
     50     }
     51 }