sky and water domes using shaders

build/webpack.config.base.js

@@ -4,12 +4,13 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
 const HtmlWebpackHarddiskPlugin = require('html-webpack-harddisk-plugin');
 const { VueLoaderPlugin } = require('vue-loader')
+// const { GlslLoaderPlugin } = require('webpack-glsl-loader')
 
 const utils = require('./utils')
 
 module.exports = {
   resolve: {
-    extensions: ['.js', '.vue', '.json'],
+    extensions: ['.js', '.vue', '.json', '.glsl'],
     alias: {
       'assets': utils.resolve('assets'),
       'pages': utils.resolve('src/pages'),
@@ -28,6 +29,9 @@ module.exports = {
       }, {
         test: /\.vue$/,
         use: 'vue-loader'
+      }, {
+        test: /\.glsl$/,
+        loader: 'webpack-glsl-loader'
       }, {
         test: /\.js$/,
         use: {
@@ -73,6 +77,7 @@ module.exports = {
     }),
     new HtmlWebpackHarddiskPlugin(),
     new VueLoaderPlugin(),
+    // new GlslLoaderPlugin(),
     new CopyWebpackPlugin([{
       from: utils.resolve('static/img'),
       to: utils.resolve('dist/static/img'),