webpack - 在 Nuxt.js 中扩展 webpack 模块解析路径

Question

有没有人有在 Nuxt.js 中扩展config.resolve.modules数组的工作示例？这是 nuxt.config.js 的部分更改：

const pathLib = require("path");

... 

build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {
        config.resolve.modules.push(pathLib.resolve(__dirname, "./scss"));
    }
}

“./scss”目录包含 style.scss 文件

将该文件添加到 nuxt.config.js 中的“全局 CSS”数组中会产生错误：

无法编译模板/sandbox/node_modules/@nuxt/vue-app/template/App.js：无法从“/sandbox/style.scss”解析“style.scss”

似乎生成的 Nuxt webpack 配置只是忽略了 config.resolve.modules 中的更改。

链接到代码沙盒：https ://codesandbox.io/s/nuxt-modules-resolving-issue-ufnju

有什么建议么？

标签： webpackmodulenuxt.jsresolution