Webpack文件加载器操纵输出路径

Question

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

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

我试过一百万个不同的组合与这一个，基本上一旦文件加载器进行处理，它把它复制到output.path中的WebPack配置，路径是这样的：

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

什么”我正在试图做的，是多还是少，拆分后的字符串goes ，并与输出路径CONCAT：

/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]',