网页包找不到babel加载程序

Question

我在向遗留应用程序添加响应时遇到了一点麻烦。虽然我在入门时找到了大量的材料，但我遇到了一系列与我的特定配置相关的问题，并且由于我完全缺乏webpack知识而加剧了这些问题（如此多的时间依赖反应cli工具会让人松懈）。

我的配置：

• ./docs/jslb=mynode_modules，那是yarn安装模块的地方
• ./docs/j脚本=我的一般js文件夹，各种js脚本去那里
• ./docs/j脚本/mini=我的dist文件夹，有些东西被构建/打包并在这里结束。这是建造的东西预计要去的地方
• ./docs/j脚本/反应（/react.js）=我想要的反应的根，其中react.js是DOM选择和渲染的入口点（至少是第一次尝试）。

我的webpack配置：

const path = require("path");

module.exports = {
    entry: "./docs/jscript/react/react.js",
    output: {
        path: path.resolve(__dirname, "./docs/jscript/mini"),
        filename: "react.js"
    },
    resolve: {
        extensions: [".js", ".jsx"],
        modules: [
            path.resolve(__dirname, "./docs/jslib")
        ],
        alias: {
            'babel-loader': path.resolve(__dirname, "./docs/jslib/babel-loader")
        }
    },
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                include: [
                    path.resolve(__dirname, "./docs/jscript/react")
                ],
                exclude: [
                    path.resolve(__dirname, "./docs/jslib")
                ],
                use: {
                    loader: "babel-loader"
                }
            }
        ]
    }
};

错误我得到的运行webpack：

yarn run v1.21.1
$ ./docs/jslib/babel-loader/node_modules/.bin/webpack --mode production

Insufficient number of arguments or no entry found.
Alternatively, run 'webpack(-cli) --help' for usage info.

Hash: 210250af48f3cf84fa4a
Version: webpack 4.41.6
Time: 75ms
Built at: 02/14/2020 9:23:09 AM

ERROR in Entry module not found: Error: Can't resolve 'babel-loader' in '/var/www/html'

我有webpack cli，我可以直接运行webpack，我可以从modules bin文件夹运行它，这都是相同的问题-它找不到babel loader，即使babel loader带来了我使用的自己的webpack脚本，所以加载程序显然在“node_modules”中，实际上位于不同的路径上。

从我收集到的，我所要做的就是将我的自定义node_modules路径添加到webpack配置下的解决设置，这解决了与未找到的包相关的初始错误（但webpack仍然找不到加载器）。

注意：如果我将我的./docs/jslib符号链接为./node_模块，它将按预期工作。

有什么我遗漏的吗？

谢谢！

Answer 1

经过一番挖掘，我找到了一个解决方案和一些细节，其他人在配置webpack时可能需要记住：

• 解析：指向各种脚本中直接需要的模块
• 解析加载器：应该指向相同的，为了访问加载器的目的（这是我需要的）

解决方案：

    resolveLoader: {
        extensions: ['.js', '.json', '.jsx'],
        modules: [
            path.resolve(__dirname, "./docs/jslib")
        ],
        mainFields: ['loader', 'main']
    }