Javascript 在我的根目录webpack 4之外传输和删除文件

我正在开发一个模块来处理根目录之外的文件，例如，如果我有以下文件夹结构：

Frontend -> src -> chunks -> js -> main.es6

Frontend -> src -> chunks -> scss -> styles.scss

Frontend -> node_modules -> @workspace -> module -> client -> index.js

我试图处理前端/src es6和scss中的文件，这些文件位于带有webpack 4的node_modules文件夹中的模块中，但babel loader没有传输，sass loader没有正常工作，因此css loader也没有正常工作。这就是我的网页配置如何查找modules.rules

---

我一直在读到，可能无法在模块的根目录之外创建或处理文件，在这种情况下，我必须将文件从src文件复制到模块中，处理它们，然后将生成/处理的文件再次移动到模块之外，我真的不喜欢这种方法，这就是为什么我来这里看看你是否能帮我一把。

通过使用require.resolve解析加载程序而不是将它们作为字符串调用来解决这个问题

例如，在我的网页配置中，而不是

loader: 'babel-loader',
options: {
    presets: ['@babel/preset-env']
}

我做到了：

loader: require.resolve('babel-loader'),
options: {
    presets: [require.resolve('@babel/preset-env')]
}

所有其他装载机都遵循相同的模式，这解决了我的问题

loader: require.resolve('babel-loader'),
options: {
    presets: [require.resolve('@babel/preset-env')]
}