kumaxim
@kumaxim
Web-программист

Что значает путь до csj.js в выводе результатов сборки Webpack?

Вчера начал разбираться в Webpack. Документация и Google пока помогают отлично, но никак не могу найти в документации описание формата выходных результатов Webpack.

После успешной сборки всех файлов Webpack выводит следующее:
60a19b787f867308801850.png

Скажите, что означают строчки:
css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./styles/main.scss
css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./styles/check.css


Вот мой конфиг:
webpack.config.js

'use strict'; // eslint-disable-line

console.log('Webpack v5 Upgrade');

const path = require('path');
const webpack = require('webpack');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const ESLintWebpackPlugin = require('eslint-webpack-plugin');
const miniCssExtractPlugin = require('mini-css-extract-plugin');

const config = require('./config');

const isUnderDevelopment = true;

let webpackConfig = {
    mode: 'development',
    context: path.resolve(__dirname, '../'),
    // devtool: isUnderDevelopment ? 'inline-source-map' : '',
    entry: [
        './scripts/main.js',
        './styles/main.scss',
        './styles/check.css',
    ],
    output: {
        path: path.resolve(__dirname, '../../dist'),
        filename: '[name].bundle.min.js'
    },
    module: {
        rules: [
            {
                enforce: 'pre',
                test: /\.s?[ca]ss$/,
                use: [
                    miniCssExtractPlugin.loader,
                    'css-loader',
                    'sass-loader'
                ]
            },
            {
                test: /\.(ttf|otf|eot|woff2?|png|jpe?g|gif|svg|ico)$/,
                type: 'asset/resource',
            },
        ],
    },
    plugins: [
        new CleanWebpackPlugin(),
        new miniCssExtractPlugin({ filename: '[name].whirehouse.css'}),
    ],

};

module.exports = webpackConfig;


Это я свой конфиг как-то криво настроил, так что у меня Webpack лезет проверять js-файлы внутри директории node_modules?
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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