указать выходной каталог с помощью mini-css-extract-plugin

Question

Я использую mini-css-extract-plugin, чтобы извлечь css из нашего пакета в файл.Мне нужно перенести этот файл в другое место в файловой системе.

Как настроить мини-css-extract-plugin для перетаскивания файла css по другому пути, чем в комплекте js.

Answer 1

Давайте предположим следующую конфигурацию:

webpack.config.js

module.exports = {
    // ...
    output: {
            path: path.resolve(__dirname, "dist"), // this is the default value
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: "[name].css", // change this RELATIVE to your output.path!
        }),
    ],
    // ...
}

Где ваш выходной путь будет преобразован - в качестве примера - /home/terribledev/projects/some-project/dist,Если вы измените свойство filename объекта параметров MiniCssExtractPlugin на ../../[name].css, теперь оно будет выведено на /home/terribledev/projects/yourcssfile.css.