Grunt -> Webpack, Haml -> Pug

2019-12-16 16:26:51 -06:00
parent 68fbd745d5
commit c4c38616b0
134 changed files with 6780 additions and 76580 deletions
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -0,0 +1,95 @@
+const path = require('path');
+const webpack = require('webpack');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = {
+  entry: './app/assets/javascripts/main.js',
+  output: {
+    filename: './javascripts/app.js'
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      __VERSION__: JSON.stringify(require('./package.json').version)
+    }),
+    new MiniCssExtractPlugin({
+      // Options similar to the same options in webpackOptions.output
+      filename: './stylesheets/app.css',
+      ignoreOrder: false // Enable to remove warnings about conflicting order
+    })
+  ],
+  devtool: 'source-map',
+  resolve: {
+    alias: {
+      '%': path.resolve(__dirname, 'app/assets/templates'),
+      '@': path.resolve(__dirname, 'app/assets/javascripts/app')
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
+      // Transpile only our libs since we import ES6 classes
+      // {
+      //   test: /\.js$/,
+      //   include: /node_modules\/(standard-file-js|snjs)/,
+      //   loader: 'babel-loader',
+      //   options: {
+      //     presets: ['@babel/preset-env']
+      //   }
+      // },
+      {
+        test: /\.s?css$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+            options: {
+              publicPath: '../', // The base assets directory in relation to the stylesheets
+              hmr: process.env.NODE_ENV === 'development'
+            }
+          },
+          'css-loader',
+          'sass-loader'
+        ]
+      },
+      {
+        test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
+        use: [
+          {
+            loader: 'file-loader',
+            options: {
+              name: '[name].[ext]',
+              outputPath: 'fonts/'
+            }
+          }
+        ]
+      },
+      {
+        test: /\.html$/,
+        use: [
+          {
+            loader: 'ng-cache-loader',
+            options: {
+              prefix: 'templates:**'
+            }
+          }
+        ]
+      },
+      {
+        test: /\.pug$/,
+        use: [
+          {
+            loader: 'apply-loader'
+          },
+          {
+            loader: 'pug-loader'
+          }
+        ]
+      }
+    ]
+  }
+};