Question

我正在尝试构建一个Webpack自定义加载器：

module.exports = function(source) {
  // Transform the source and return it
  console.log('$$$$$$$$$$$$$$$$$$$$$');
  return source;

};

现在，我想在我的加载器数组中使用它，例如：

loaders: [
      {test: /\.vm$/, loader: 'vm-loader', exclude: [/node_modules/, /dist/]}
]

我尝试使用resolveLoader＆＃39; alias，但它不起作用：

resolveLoader: {
    alias: {
      "vm-loader": path.join(__dirname, "./lib/velocity-plugin")
    },
    root: [
      path.join(__dirname, 'node_modules'),
      path.resolve('./node_modules')
    ]
  }

我错过了什么？

Answer 1

回答我自己的问题：

事实证明，我的自定义加载程序不起作用，因为webpack不适用于不需要的文件。在我的情况下，这些html / vm文件不是必需的，也不是捆绑包的一部分（它们由服务器呈现）。

我的解决方案是添加gulp以使其正常工作。另一个（hacky）解决方案将使用this method

在加载器数组中使用Webpack自定义加载器

1 个答案: