webpack - Sage 10 中导入模块的正确路径

问题描述

使用 Sage 10 WordPress Starter 主题。我正在尝试以这种方式导入 GLSL 文件：

// frontPage.js
import portalVertexShader from './shaders/front-page/portal/vertex.glsl'

这是文件结构：

但我在控制台中收到类似路径错误的信息：

app.js?id=bba838275bfcabcf4aa4:37 Uncaught Error: Cannot find module './shaders/front-page/portal/vertex.glsl'
    at webpackMissingModule (app.js?id=bba838275bfcabcf4aa4:37)
    at Object../resources/scripts/frontPage.js (app.js?id=bba838275bfcabcf4aa4:37)
    at __webpack_require__ ((index):304)
    at Object../resources/scripts/app.js (app.js?id=bba838275bfcabcf4aa4:13)
    at __webpack_require__ ((index):304)
    at __webpack_exec__ (app.js?id=bba838275bfcabcf4aa4:90)
    at app.js?id=bba838275bfcabcf4aa4:91
    at Function.__webpack_require__.O ((index):340)
    at app.js?id=bba838275bfcabcf4aa4:92
    at webpackJsonpCallback ((index):425)

我真的不知道这里发生了什么。如何导入这些文件？谢谢！

这是 webpack.mix 配置

标签： webpackthree.jsglsllaravel-mix

webpack - Sage 10 中导入模块的正确路径

问题描述

解决方案

推荐阅读