Question

我一直在尝试围绕webpack。我很难消化它。我不能告诉你我读了多少教程。我在他们的网站上经历了几乎所有这些。阅读文档部分两次。我在lynda和youtube上观看了视频教程。已经挣扎了近一个星期。我仍然无法理解其中的大部分内容。

所以只是为了它，我想说我想要处理一组图像。没有项目，没有模块，javascript或什么都没有。我只是想处理图像。为什么？没理由。只是为了理解webpack是如何工作的，并以各种方式尝试理解配置文件。

话虽如此，我想要做的就是将一组图像从'app / img'文件夹移动到'build / img'文件夹，并可能将哈希值合并到文件名中。例如：

module.exports = {
    entry: {
        entry: ''
    },
    output: {
        path: 'build',
        filename: ''
    },
    module: {
        loaders: [
            {
                test: /\.(png)$/,
                loader: 'file?name=img/[name]-[hash].[ext]',
                include: './app/img/'
            }
        ]
    }
};

由于没有要输出的js文件（因此我只想要处理图像），所以没有“进入”和“输出”条目 - 或者至少我不确定要放在那里。

我该怎么做呢？因为现在，这个配置文件不正确，但我不知道如何使它工作。感谢。

PS：我已经下载了文件加载程序包，我正在尝试使用它。

Answer 1

Webpack比gulp或grunt等任务运行器更具捆绑性。您正在尝试使用重命名文件开发简单的复制任务 - 这不是您应该如何使用Webpack。

仅当loaders方案与 test 或 require 中的路径匹配时，

import才会被触发。因此，由于您没有任何导入语句，您的加载器永远不会被使用。

如何在webpack中处理一组图像

1 个答案: