鍍金池/ 問答/HTML/ webpack css js執(zhí)行順序

webpack css js執(zhí)行順序

如果css與js打包到一個js文件中,如何確保內(nèi)部真實的js邏輯是在css渲染完后執(zhí)行.

回答
編輯回答
舊顏

這個和webpack沒有任何關(guān)系。這屬于瀏覽器的渲染策略。

瀏覽器在渲染HTML的時候,如果碰到css或者js(指的是沒有添加異步屬性)就會阻塞,然后去下載并執(zhí)行渲染。

因此要實現(xiàn)你說的js邏輯是在css渲染完后執(zhí)行,
只需要把js放到css后面就好了。

如果你是用了webpack插件html-webpack-plugins的話,可以在模板中配置順序(其實默認就是js在css后)。

2017年12月11日 16:51