webpack - Webpack 文件加载器操作输出路径

Question

假设我有一个简单的加载器，它应该只是将文件从源移动到部署，我只是为了简单化状态而单独复制了规则。

{
    test: /\.cshtml$/,
    use : [{
        loader : 'file-loader',
        options :  {
            name : '[path][name].[ext]',  
            // context :'',
            // outputPath : ''  
        }
    }]
}

我已经用这个尝试了一百万种不同的组合，基本上一旦文件加载器处理它，它就会将它复制到output.pathwebpack 配置中，路径是这样的：

/outputpath/thenfilefromloader/to/folder/goes/here/nameoffile.cshtml

我正在尝试做的或多或少，将字符串拆分后goes并与输出路径连接：

/outputpath/goes/here/nameoffile.cshtml

这甚至可以实现吗？基本上我试图摆脱 gulp，这些文件只是用 gulp 复制的，就是这样，但是在复制之前对路径进行了操作。

Answer 1

如果我得到你想要做的事情，用[path]定义的路径替换占位符应该可以完成工作：

{
    test: /\.cshtml$/,
    use : [{
        loader : 'file-loader',
        options :  {
            name : 'goes/here/[name].[ext]',  
        }
    }]
}

您还可以添加一个hash占位符以避免文件名冲突：

name : 'goes/here/[name].[hash].[ext]',