Загрузка изображений в папку dist

112
09 августа 2019, 02:00

Не получается при сборке проекта через webpack перенести все изображения из папки src/imadges в папку dist/imades чтобы сохранились пути. Использую file-loader. Но после сборки в папке dist нет папке images. Как все файлы изображений из папки src/imadges перенести в папку dist/imades прир сборке и сохранением путей?

Мой webpack.config.js

const path = require("path")
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
module.exports = {
    entry: {
        app: "./src/index.js"
    },
    output: {
        filename: "js/[name].js",
        path: path.resolve(__dirname, "./dist"),
        publicPath: "/dist"
    },
    module: {
        rules: [{
                test: /\.js$/,
                loader: "babel-loader",
                exclude: "/node_modules/"
            },
            {
                test: /\.scss$/,
                use: [
                    "style-loader",
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                            sourceMap: true
                        }
                    },
                    {
                        loader: "postcss-loader",
                        options: {
                            sourceMap: true,
                            config: {
                                path: "src/js/postcss.config.js"
                            }
                        }
                    },
                    {
                        loader: "sass-loader",
                        options: {
                            sourceMap: true
                        }
                    }
                ]
            },
            {
                test: /\.css$/,
                use: [
                    "style-loader",
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                            sourceMap: true
                        }
                    },
                    {
                        loader: "postcss-loader",
                        options: {
                            sourceMap: true,
                            config: {
                                path: "src/js/postcss.config.js"
                            }
                        }
                    }
                ]
            },
            {
                test: /\.(png|jpg|gif|ico|svg)$/,
                use: [{
                    loader: "file-loader",
                    options: {
                        name: "[name].[ext]",
                        outputPath: "/images"
                    }
                }]
            },
            {
                test: /\.(woff(2)?|ttf|eot|svg)$/,
                use: [{
                    loader: "file-loader",
                    options: {
                        name: "[name].[ext]",
                        outputPath: "/fonts"
                    }
                }]
            }
        ]
    },
    devServer: {
        overlay: true
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: "css/[name].css"
        })
    ]
}
READ ALSO
MYSQL Sum Union - правильный запрос

MYSQL Sum Union - правильный запрос

Искал как реализовать объединение сумм int полей разных таблиц и нашёл данный ответ - https://stackoverflowcom/a/2387773/6763536 всё работает но просто не могу...

110
SQL как оптимизировать запрос?

SQL как оптимизировать запрос?

Есть следующий запрос:

132
Как проверить наличие значения в базе данных в LUA

Как проверить наличие значения в базе данных в LUA

пишу скрипт на LUA, нужно решить такую задачуСуществует таблица в базе, в ней имеются колонки "Account" и "Model" и мне нужно узнать существует ли определенное...

120