我正试图从Gulp岁升到Webpack岁.在Gulp中，我的任务是将所有文件和文件夹从/static/文件夹复制到/build/文件夹.如何对Webpack进行同样的操作？我需要插件吗？
我正试图从Gulp岁升到Webpack岁.在Gulp中，我的任务是将所有文件和文件夹从/static/文件夹复制到/build/文件夹.如何对Webpack进行同样的操作？我需要插件吗？
你不需要到处复制东西，webpack的工作原理与gulp不同.Webpack是一个模块绑定器，您在文件中引用的所有内容都将包括在内.你只需要为它指定一个加载器.
所以如果你写:
var myImage = require("./static/myImage.jpg");
Webpack将首先try 将引用的文件解析为JavaScript(因为这是默认值).当然，这将失败.这就是为什么需要为该文件类型指定加载程序.例如，file或url-loader将引用的文件放入webpack的输出文件夹(在您的情况下应该是build)，并返回该文件的哈希url.
var myImage = require("./static/myImage.jpg");
console.log(myImage); // '/build/12as7f9asfasgasg.jpg'
加载程序通常通过网页包配置应用:
// webpack.config.js
module.exports = {
...
module: {
loaders: [
{ test: /\.(jpe?g|gif|png|svg|woff|ttf|wav|mp3)$/, loader: "file" }
]
}
};
当然，您需要先安装文件加载器才能完成这项工作.