javascript - Adakah webpack membungkus fail css ke dalam format pautan atau format gaya?

Question

Mengenai gaya yang diperlukan, ia diperkenalkan sebagai teg pautan atau dalam bentuk <style> menyediakan extract-text-webpack-plugin untuk mengekstrak gaya css dalam gaya.

Jika dilaksanakan seperti berikut:

webpack打包部分代码：
                {
                    test:/\.LK\.css$/,
                    loader:"style-loader/url!file-loader?name=css/[name].            
                    [hash:8].css!autoprefixer-loader?browsers=last 5 versions",
                    exclude:/node_modules/
        },
        {
                    test:/([^\.][^L][^K])\.css$/,  //抱歉，正则写的不是很严谨
                    loader:"style-loader!css-loader!autoprefixer-loader?{ browsers: ['last 100 versions'] }",
                    exclude:/node_modules/
        }
        

Dengan cara ini, apabila gaya memerlukan css berakhir dengan .LK.css, ia akan dibenamkan ke dalam halaman dalam bentuk pautan Selepas ujian mudah, penyelesaian ini pada dasarnya boleh merealisasikan fungsi tersebut. Oleh kerana penyelidikan mengenai webpack tidak begitu mendalam, saya ingin tahu sama ada penyelesaian sedemikian boleh digunakan untuk pembangunan sebenar?

Answer 1

Ya, terutamanya dalam timbunan teknologi React / Vue, ia boleh diperkenalkan sebagai kaedah pengoptimuman yang diperlukan.

Selepas mengekstrak CSS ke fail statik, ia boleh menjimatkan kira-kira separuh masa penghuraian berbanding dengan penyelesaian JS-in-CSS. Pemalam ini juga menyokong akhiran Hash dan fungsi lain, dan keupayaannya mencukupi untuk digunakan dalam persekitaran pengeluaran.