webpack-cdn-plugin не импортирует CSS в голову - PullRequest
Новая
       103

webpack-cdn-plugin не импортирует CSS в голову

0 голосов
/ 08 мая 2020

Привет, ребята, я использую webpack-cdn-plugin для загрузки ресурсов из CDN, но у меня проблемы с загрузкой CSS ресурсов. Вот как выглядит мой код: 

{
    plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html',
            favicon: './src/assets/images/favicon.ico',
            filename: 'index.html',
        }),
        new HtmlWebpackPlugin({
            template: './src/services.html',
            favicon: './src/assets/images/favicon.ico',
            filename: 'services.html',
        }),
        new HtmlWebpackPlugin({
            template: './src/blocks.html',
            favicon: './src/assets/images/favicon.ico',
            filename: 'blocks.html',
        }),
        new WebpackCdnPlugin({
            modules: [{
                name: 'masonry-layout',
                var: 'Masonry',
                path: mode === 'production' ? 'dist/masonry.pkgd.min.js' : 'dist/masonry.pkgd.js',
            },
            {
                name: 'imagesloaded',
                var: 'imagesLoaded',
                path: mode === 'production' ? 'imagesloaded.pkgd.min.js' : 'imagesLoaded.pkgd.js',
            },
            {
                name: 'flickity',
                var: 'Flickity',
                path: mode === 'production' ? 'dist/flickity.pkgd.min.js' : 'dist/flickity.pkgd.js',
            }],
            prod: true,
            publicPath: '/node_modules',
        }),
    ],
}

При чтении документов в голове должно появиться <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">, но это не так. Пакет Flickity содержит файлы CSS и JS в папке dist. Я также пробовал добавить 

{
    name: 'flickity',
    var: 'flickity',
    path: isProd ? 'dist/flickity.min.css' : 'dist/flickity.css',
}

, но это просто генерирует еще одну ссылку script. Есть у кого идеи как заставить работать?

...