如何使用Webpack复制静态文件以建立目录？

如何使用Webpack复制静态文件以建立目录？

您无需四处复制内容，Webpack的工作原理与gulp不同。Webpack是一个模块捆绑器，您在文件中引用的所有内容都将包括在内。您只需要为此指定一个加载程序。

因此，如果您写：

var myImage = require("./static/myImage.jpg");

Webpack首先将尝试将引用的文件解析为Javascript（因为这是默认设置）。当然，那将失败。这就是为什么您需要为该文件类型指定加载程序。该文件 -或者URL装载机例如采用引用的文件，把它变成的WebPack的输出文件夹（这应该是

build

你的情况），并返回混编网址该文件。

var myImage = require("./static/myImage.jpg");console.log(myImage); // '/build/12as7f9asfasgasg.jpg'

通常，加载器是通过webpack配置应用的：

// webpack.config.jsmodule.exports = {    ...    module: {        loaders: [ { test: /.(jpe?g|gif|png|svg|woff|ttf|wav|mp3)$/, loader: "file" }        ]    }};

当然，您需要先安装文件加载器以使此工作。