标签: file-loader

Webpack 文件加载器输出空图像

我之所以联系您是因为我的 webpack 配置遇到问题。我只想从 /src/images/ 复制 /dist/images/ 文件夹中的图像。

这是我的架构:

dist
|-images
| |-lorem-picsum.png
|-pages
| |--about.html
| |--home.html
|-a069f3e2cf7332c2cd34.png
|-main.js
node_modules
src
|-images
| |-lorem-picsum.png
|-pages
| |--about.html
| |--home.html
|-index.js
package-lock.json
package.json
webpack.config.js
Run Code Online (Sandbox Code Playgroud)

我正在使用文件加载器,这是我的 webpack.config.js 的配置:

const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
    mode: 'development',
    entry: path.resolve(__dirname, './src/index.js'),
    output: {
        path: path.resolve(__dirname, './dist'),
        filename: 'main.js',
    },
    module: {
        rules: [
            {
                test: /\.html$/i,
                loader: "html-loader",
                options : {
                    minimize : false,
                }
            },
            {
                test: /\.(png|jpe?g|gif|svg)$/i, …
Run Code Online (Sandbox Code Playgroud)

html javascript image webpack file-loader

4
推荐指数
1
解决办法
1513
查看次数

标签 统计

file-loader ×1

html ×1

image ×1

javascript ×1

webpack ×1