的WebPack单独构建文件

Question

我有JSX模块嵌套目录结构，像 应用程序/ JS /头/ index.jsx 应用/ JS /任务/ runner.jsx 等

是有可能让webpack传输每一个并将结果输出到与jsx文件相同的目录中？

问候

Answer 1

如果我理解正确的话，你希望把生成的模块旁边的每个源模块。看来，您可以用插件实现这一目标：

var fs = require('fs'); 
function MyPlugin() {} 

MyPlugin.prototype.apply = function(compiler) { 
    compiler.plugin('emit', function(compilation, callback) { 

    compilation.modules.forEach(m => { 
     if (/filename/.test(m.resource)) { // test for filename to exclude node_modules 
     fs.writeFileSync(m.resource + '.transpiled', m._source._value); 
     } 
    }); 

    callback(); 
    }); 
}; 

，并在配置的WebPack：

{ 
... 
plugins: [ MyPlugin() ], 
... 
} 

难道你正在尝试做什么？