У меня есть следующая конфигурация веб-пакета:
const path = require('path');
const sass = require('sass');
const PropertiesFilePlugin = require('./PropertiesFilePlugin');
const externals = require('./appExternals');
const outputPath = path.resolve(__dirname, '../ui-resources/dist');
module.exports = {
mode: 'development',
entry: { app: './src/app.js' },
resolve: {
modules: [path.resolve(__dirname, '../src'), 'node_modules'],
extensions: ['.js', '.jsx', '.json'],
},
output: {
filename: 'app.[contenthash].js',
path: outputPath,
},
watch: true,
watchOptions: {
poll: 1000,
ignored: ['node_modules/**', 'node/**', 'coverage/**'],
},
devtool: 'sourcemap',
externals,
plugins: [
new PropertiesFilePlugin({
path: outputPath,
filename: 'app.properties',
tsname: 'generated_at',
publicPath: 'dist/',
}),
],
module: {
rules: [
{
test: /\.js$/,
use: {
loader: 'babel-loader',
options: {
rootMode: 'upward',
},
},
},
{
test: /\.scss$/,
exclude: /\.module\.scss$/,
use: [
{ loader: 'style-loader' },
{
loader: 'css-loader',
},
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: [autoprefixer()],
},
},
{
loader: 'sass-loader',
options: {
implementation: sass,
sourceMap: true,
},
},
],
},
],
},
};
И когда я запускаю: webpack --config config.js
, я получаю уменьшенный файл.
Я не понимаю - какая часть в этом конфиг делает минификацию?