webpack css js执行顺序

Question

如果css与js打包到一个js文件中,如何确保内部真实的js逻辑是在css渲染完后执行.

Answer 1

这个和webpack没有任何关系。这属于浏览器的渲染策略。

浏览器在渲染HTML的时候，如果碰到css或者js（指的是没有添加异步属性）就会阻塞，然后去下载并执行渲染。

因此要实现你说的js逻辑是在css渲染完后执行,
只需要把js放到css后面就好了。

如果你是用了webpack插件html-webpack-plugins的话，可以在模板中配置顺序（其实默认就是js在css后）。