Nikulio
@Nikulio
NaN !== NaN

Почему Webpack неправильно переносит картинки в React проекте?

Всем привет
Вот конфиг вебпака :
const path = require("path");
const webpack = require("webpack");
const HtmlWebPackPlugin = require("html-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const webpackDashboard = require("webpack-dashboard/plugin");
const friendlyErrorsPlugin = require("friendly-errors-webpack-plugin");

module.exports = {
	context: path.join(__dirname, "/"),
	entry: ["babel-polyfill", "./src/index.js"],
	output: {
		path: path.resolve(__dirname, "dist"),
		filename: "[name].js"
	},
	devServer: {
		contentBase: "./public",
		historyApiFallback: true
	},
	module: {
		rules: [
			{
				test: /\.js$/,
				exclude: /node_modules/,
				use: {
					loader: "babel-loader"
				}
			},
			{
				test: /\.scss$/,
				use: [
					{
						loader: "style-loader"
					},
					{
						loader: "css-loader"
					},
					{
						loader: "sass-loader"
					}
				]
			},
			{
				test: /\.css/,
				use: ["style-loader", "css-loader"]
			},
			{
				test: /\.html$/,
				use: [
					{
						loader: "html-loader"
					}
				]
			},
			{
				test: /\.(jpe?g|gif|jpg|png|svg|woff|ttf|wav|mp3)$/,
				loader: "file-loader"
			}
		]
	},
	plugins: [
		new HtmlWebPackPlugin({
			template: "./public/index.html",
			filename: "./index.html"
		}),
		new CopyWebpackPlugin([{ from: "public/img/*", to: "img" }], {}),
		new webpackDashboard(),
		new friendlyErrorsPlugin()
	]
};


Так выглядит public :
5aa6d8d495a52169410711.jpeg
А так dist после сборки :
5aa6d8ea26691678744803.jpeg

В чем проблема? Почему создаётся еще один уровень в dist?
  • Вопрос задан
  • 111 просмотров
Решения вопроса 1
@kacheleff
fullstack developer
проблема тут
new CopyWebpackPlugin([{ from: "public/img/*", to: "img" }], {})

попробуйте вот такой код
new CopyWebpackPlugin([{ from: "public/img", to: "img" }], {})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы