踩坑：为什么 Nuxt.js 应用的页面会出现闪烁呢?
27/100
发布文章
weixin_42224055
未选择任何文件
new
这是因为在开发模式下，为了通过 Webpack 实现热加载，CSS代码是打包在 JavaScript 代码中，并动态打到页面中去，从而元素重绘引起了闪烁。
不用担心，在生产模式下，CSS代码会单独打包至独立的文件并置于head标签内，不会出现页面闪烁的现象。
我们只需要添加一个条件，只在生产模式下打包即可，nuxt.config.js下：
extractCSS: process.env.NODE_ENV === 'production',
在这里插入图片描述 这是因为在开发模式下，为了通过 Webpack 实现热加载，CSS代码是打包在 JavaScript 代码中，并动态打到页面中去，从而元素重绘引起了闪烁。
不用担心，在生产模式下，CSS代码会单独打包至独立的文件并置于head标签内，不会出现页面闪烁的现象。
我们只需要添加一个条件，只在生产模式下打包即可，nuxt.config.js下：
extractCSS: process.env.NODE_ENV === 'production', Markdown 292 字数 12 行数 当前行 1, 当前列 0HTML 211 字数 4 段落
