(function (root, factory) {
    "use strict";

    /*global define*/
    if (typeof define === 'function' && define.amd) {
        define(['moment'], factory);                 // AMD
    } else if (typeof exports === 'object') {
        module.exports = factory(require('moment')); // Node
    } else {
        factory(root.moment);                        // Browser
    }
}(this, function (moment) {
...
}

Кажется это оно

https://webpack.js.org/configuration/module#ruleparser

А можно пример?
Я попробвал

rules: [
    {
        test: /lib\.js/,
        parser: {
          commonjs: false,
        }
    }
]

Но тогда webpack оставляет в исходном коде библиотеки выражаения require(), и в браузере это приводит к ошибке.

подскажитте, есть утилита или что-то easy-to-use - просто развернуть webpack-проект, с common settings?

вот нашел - https://github.com/webpack/webpack-cli/blob/master/SCAFFOLDING.md

можно пользоваться?

я думаю - да, ибо - https://webpack.js.org/guides/getting-started/

Всем привет)
Кто может подсказать по вебпаку есть вопрос?

как связать джс и glsl

raw loader

const path = require("path");

module.exports = {
output: {
 filename: "[name].js"
},

module: {
 rules: [
  {
   test: /\.js$/,
   exclude: /node_modules/,
   use: {
    loader: "babel-loader",
    query: {
     presets: [
      ["@babel/preset-env", { modules: false }]
     ]
    }
   }
  },
  {
   test: /\.(glsl|frag|vert)$/,
   exclude: /node_modules/,
   loader: "glslify-import-loader
  }, {
   test: /\.(glsl|frag|vert)$/,
   exclude: /node_modules/,
   loader: "raw-loader"
  }, {
   test: /\.(glsl|frag|vert)$/,
   exclude: /node_modules/,
   loader: "glslify-loader"
  }
 ],
},

resolve: {
 alias: {
  "%modules%": path.resolve(__dirname, "src/blocks/modules"),
  "%components%": path.resolve(__dirname, "src/blocks/components")
 }
},

optimization: {
 splitChunks: {
  cacheGroups: {
   vendors: {
    test: /[\\/]node_modules[\\/]/,
    name: "vendor",
    chunks: "all",
    minChunks: 1
   }
  }
 }
},
};

вот такой webpac config

когда делаю импорт ничего не работает
import * as THREE from "three";
import {TimelineMax} from "gsap";
let OrbitControls = require("three-orbit-controls")(THREE);
import fragment from "../shaders/fragment.glsl";
import vertex from "../shaders/vertex.glsl";

гайз, в webpack я туп и всегда им был

это настроенный autoprefixer?

и мне не нужно писать лапшу вв стилях - плагин сам поставит браузерные префиксы, где нужно?

думаю, ответ очевиден )

да, но этот лоадер депрекейтед

но - рабочий, же?

понятия не имею, но видимо да, раз он у тебя прописан (либо не работает и всем было плевать)