Возможно ли собирать только css с помощью webpack?

Question

[frontendo]

Как только ни пробовал, а от файла js для чанка никак избавиться не смог.

то есть результат сборки в любом случае будет с js файлом, а хотелось бы точкой входа задать css/less и получить на выходе только css

Comments

[Александр]

Вас смущает "мусорный" js файл?

[frontendo]

Александр, да

[Александр]

frontendo, его можно не замечать

[rusglov]

frontendo, у меня есть небольшой плагин который удаляет эти ненужные js файлы. Если нужно, могу вам скинуть. Вот пример кода:

const config = {
    entry: {
        "home": [
            path.resolve(__dirname, 'source/js/home.js'),
            path.resolve(__dirname, 'source/scss/home.scss')
        ],
        "main": [
            path.resolve(__dirname, 'source/js/main.js'),
            path.resolve(__dirname, 'source/scss/main.scss')
        ],
        "page-1": [
            path.resolve(__dirname, "source/scss/page-1.scss")
            // ВОТ ЗДЕСЬ WEBPACK будет создавать отдельный бесполезный js файл. А мы его уберем с помощью SuppressEntryChunksPlugin;
        ]
    },
    output: {
        path: path.resolve(__dirname, 'public'),
        // publicPath: "./",
        filename: 'js/[name].js',
    },
    ...
    plugins: [
        new SuppressEntryChunksPlugin(['page-1']), // здесь задействуем этот плагин и уберем лишний js файлик
    ]
    ...
},

[frontendo]

rusglov, ну это уже типа костыли)

[rusglov]

frontendo, по другому не сделаешь. Хотя если у тебя только 1 точка входа файла js и 1 точка входа файл css, то реализовать это можно

Answer 1

[Филипп Гапоненко]

webpack – это инструмент для модульной сборки js.
Для сборки статики можно использовать gulp.