Я делаю проект в три раза. 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']
},
],
},
где ошибка?