Webpack4: несколько НЕИЗВЕСТНЫХ точек входа + несколько выходов - PullRequest
Новая
       16

Webpack4: несколько НЕИЗВЕСТНЫХ точек входа + несколько выходов

0 голосов
/ 19 сентября 2018

Я ищу способ компиляции нескольких файлов Post-CSS (или любого мета-CSS) по отдельности в параллельные файлы CSS.

из 

resource/
 - a.pcss
 - b.pcss
 - c.pcss

в 

output/
 - a.css
 - b.css
 - c.css

На самом деле у нас более 200 файлов.Поэтому я должен скомпилировать каждый файл в папке с неизвестным именем в параллельные файлы CSS.

До Webpack3, wildcards-entry-webpack-plugin помогает нам.Но, к сожалению, он не поддерживает Webpack 4.

Уже есть ответы на следующую ситуацию, но я не могу применить их к нашей.

Вот наша текущая рабочая конфигурация с использованием Webpack3 и wildcards-entry-webpack-plugin 

{
    context: path.join(__dirname, '/resource/css/page'),
    entry: WildcardsEntryWebpackPlugin.entry(`${__dirname}/resource/css/page/**/main.pcss`),
    output: {
        path: path.join(__dirname, '/public/css/page'),
        filename: '[name].js',
    },
    module: {
        rules: [
            {
                test: /\.(css|pcss)$/,
                use: ExtractTextPlugin.extract({
                    use: cssLoaders,
                }),
            },
        ],
    },
    plugins: [
        new ExtractTextPlugin({
            filename: '[name].css',
            allChunks: true,
        }),
        new WildcardsEntryWebpackPlugin(),
    ],
    stats,
},
...