Имеется файл staging.config.js:
const CleanWebpackPlugin = require('clean-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const path = require("path");
module.exports = () => ({
devtool: "hidden-source-map",
output: {
sourceMapFilename: "themes/[name]/js/bundle.map",
},
module: {
rules: [
{
test: /\.(svg|ttf|woff|woff2|eot|jpe?g|png|gif)$/,
use: [
{
loader: "file-loader",
options: {
name: '[path][name].[ext]'
}
}
]
}
]
},
plugins: [
new CleanWebpackPlugin(path.resolve(__dirname, '../static/build'), {allowExternal: true}),
new OptimizeCssAssetsPlugin({cssProcessorOptions: {discardComments: {removeAll: true}}}),
new UglifyJsPlugin({
sourceMap: true,
parallel: true,
uglifyOptions: {
compress: {
drop_console: true
}
}
})
],
performance: {
hints: false
}
});
При попытке собрать проект, вылетает ошибка:
ERROR in ./stylesSrc/themes/v5/sass/themes/default/style.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleNotFoundError: Module not found: Error: Can't resolve '../../../../../../img/header/animated/cards/set/1/sprite@2x.png' in 'D:\projects\bookie_v4\web\stylesSrc\themes\v5\sass\themes\default'
Пути к картинке в scss-файле указаны верно и если поменять в конфиге devtool на eval, то всё собирается.
P.s. задача заключается в том, чтобы всё работало при devtool: "hidden-source-map"
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости