integrated vuejs into theme (builded with webpack

2019-04-09 00:21:00 +02:00
parent c344c09c96
commit 9dfc5af5c0
22 changed files with 14317 additions and 23 deletions
--- a/build/webpack.config.base.js
+++ b/build/webpack.config.base.js
@@ -0,0 +1,85 @@
+'use strict'
+
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const { VueLoaderPlugin } = require('vue-loader')
+
+const utils = require('./utils')
+
+const themePath = 'web/themes/custom/materiotheme'
+
+module.exports = {
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'theme': utils.resolve(themePath),
+      'vuejs': utils.resolve(themePath+'/vuejs')
+    }
+  },
+  entry: {
+    'main': utils.resolve(themePath + '/assets/scripts/main.js'),
+  },
+  output: {
+    path: utils.resolve(themePath + '/assets/dist/'),
+    filename: '[name].js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        enforce: 'pre',
+        exclude: /node_modules/,
+        options: {
+          emitError: true,
+          emitWarning: true
+        }
+      },
+      {
+        test: /\.vue$/,
+        use: 'vue-loader'
+      },
+      {
+        test: /\.js$/,
+        use: {
+          loader: 'babel-loader',
+        }
+      }
+      // , {
+      //   test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+      //   use: {
+      //     loader: 'url-loader',
+      //     options: {
+      //       limit: 10000,
+      //       name: utils.assetsPath('img/[name].[hash:7].[ext]')
+      //     }
+      //   }
+      // }, {
+      //   test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+      //   use: {
+      //     loader: 'url-loader',
+      //     options: {
+      //       limit: 10000,
+      //       name: utils.assetsPath('media/[name].[hash:7].[ext]')
+      //     }
+      //   }
+      // }, {
+      //   test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+      //   use: {
+      //     loader: 'url-loader',
+      //     options: {
+      //       limit: 10000,
+      //       name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+      //     }
+      //   }
+      // }
+    ]
+  },
+
+  plugins: [
+    new MiniCssExtractPlugin({
+      path: utils.resolve(themePath + '/assets/dist/'),
+      filename: '[name].css'
+    }),
+    new VueLoaderPlugin()
+  ]
+}