GLSL Shader ----- Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов, в настоящее время загрузчики не настроены для обработки этого файла - PullRequest
0 голосов
/ 29 января 2020

Я делаю проект в три раза. js, и когда я пытаюсь импортировать мои шейдеры в мой файл js, я получаю эту ошибку:

roll. js: 154 Uncaught Error: Ошибка синтаксического анализа модуля: неожиданный токен (1: 8) Вам может потребоваться соответствующий загрузчик для обработки этого типа файлов, в настоящее время загрузчики не настроены для обработки этого файла. См. https://webpack.js.org/concepts#loaders

равномерное время плавания; | равномерный угол плавания; | равномерный ход выполнения;

это мой webpack.config:

                    const webpack = require('webpack');
                    const path = require('path');

                    const config = require('./config.js');

                    const { themePath } = config;
                    const assetsPath = `${themePath}/assets`;


                    module.exports = {
                       mode: 'development',
                       devtool: 'inline-sourcemap',
                       resolve: {
                         alias: {
                            BezierPlugin: 'gsap/src/uncompressed/plugins/BezierPlugin',
                            ScrollToPlugin: 'gsap/src/uncompressed/plugins/ScrollToPlugin',
                            swiper: 'swiper/dist/js/swiper.min',
                      },
                    },
                    entry: {
                      app: ['./js/app.js'],
                    },
                    output: {
                      path: path.resolve(__dirname, `${assetsPath}/js-build`),
                      filename: '[name].bundle.js',
                    },
                    module: {
                      rules: [
                        {
                          test: /\.html$/,
                          loader: 'html-loader',
                          options: {
                            attrs: false,
                          },
                        },
                        {
                          test: /\.js$/,
                          exclude: /(node_modules|bower_components)/,
                          use: {
                            loader: 'babel-loader',
                            options: {
                              presets: ['@babel/preset-env'],
                            },
                           },
                         },
                        {
                           test: /\.(glsl|frag|vert)$/,
                           use: ['glslify-import-loader', 'raw-loader', 'glslify-loader']
                        },
                      ],
                    },

где ошибка?

...