Webpack 样式应用较晚
Webpack styles applies late
我正在使用 webpack 构建我的客户端代码。
当我加载我的页面时,捆绑包链接了大约半秒 html 呈现没有样式。我知道这是因为 webpack bundle inlines styles in html。但这看起来很难看。
有没有办法避免这种用例?
是的,您正在等待 js 执行并向页面添加样式。如果您的脚本标签不在头部,您可以将它放在那里。更好的答案是使用 ExtractTextPlugin
插件生成一个可以传统方式加载的 css 文件。在这里阅读:http://webpack.github.io/docs/stylesheets.html
我正在使用 webpack 构建我的客户端代码。 当我加载我的页面时,捆绑包链接了大约半秒 html 呈现没有样式。我知道这是因为 webpack bundle inlines styles in html。但这看起来很难看。 有没有办法避免这种用例?
是的,您正在等待 js 执行并向页面添加样式。如果您的脚本标签不在头部,您可以将它放在那里。更好的答案是使用 ExtractTextPlugin
插件生成一个可以传统方式加载的 css 文件。在这里阅读:http://webpack.github.io/docs/stylesheets.html