Question

我需要模块时有自己的约定。例如。 require("./components/SettingsPanel");应解析为require("./components/SettingsPanel/SettingsPanel.js");

有没有办法制作这样的解析器？

Answer 1

是的，这是可能的。为了避免歧义和更容易实现，我们将使用前缀哈希符号作为约定的标记：

require("#./components/SettingsPanel");

然后将其添加到您的配置文件中（当然，您可以稍后重构）：

var webpack = require('webpack');
var path = require('path');

var MyConventionResolver = {
  apply: function(resolver) {
    resolver.plugin('module', function(request, callback) {
      if (request.request[0] === '#') {
        var req = request.request.substr(1);
        var obj = {
          path: request.path,
          request: req + '/' + path.basename(req) + '.js',
          query: request.query,
          directory: request.directory
        };
        this.doResolve(['file'], obj, callback);
      }
      else {
        callback();
      }
    });
  }
};


module.exports = {
    resolve: {
      plugins: [
        MyConventionResolver
      ]
    }
    // ...
};

Answer 2

创建了一个更新的示例以与 Webpack v4一起使用。故意不使用ES6语法来实现向后兼容性。您可以根据需要将其设置为课程。

您可以在https://github.com/webpack/enhanced-resolve上阅读有关解析器示例的更多信息。

感谢里卡多提供的原始答案。

col.Aggregate()
.Match(doc => ids.Contains(doc.ExId))
.Project(doc => 
    new {
        ExId = doc.ExId,
        ArrayObject = doc.ArrayObject.Select(x =>
            new
            {
                Name = x.Name,
                FilterHere = x.FilterHere.Where(y => y.Sent == true)
            })
        });

是否可以在webpack中创建自定义解析器？

2 个答案: