为了构建渲染树，浏览器需要 DOM 和 CSSOM。CSSOM 只有在下载 CSS 后才能构建。本质上，一旦下载了 CSS，页面就应该可以正常渲染了。但是，为什么我们会在页面上看到 Flash Of Unstyled Content（FOUC）呢？浏览器在什么时间窗口显示无样式内容？
请帮助我理解这一点。
参考： https://developers.google.com/web/fundamentals/performance/ritic-rendering-path/render-blocking-css
假设，我npm install这样做，然后我更改节点版本，然后再次这样做npm install，安装的软件包会package-lock.json改变吗node_modules？（假设同时 npm 注册表上的软件包没有更新）
导入以 .js 作为文件扩展名的 es6 React 组件时，Webpack Babel 加载器失败。如果文件扩展名更改为 .jsx babel 可以正确编译。有什么线索吗？
var config = {
entry : {
"login" : PAGE_DIR + '/login/index.js',
"app" : PAGE_DIR + '/app/index.js'
},
output: {
path: BUILD_DIR,
filename: '[name]-bundle.js'
},
module : {
rules : [
{
test : /\.(js|jsx)$/,
include : PAGE_DIR,
exclude: [
path.resolve(__dirname, "node_modules"),
],
loaders : ['babel-loader']
}
]
}
};编辑：
更新下面的日志。
> webpack -d
Hash: 83d5fd2d0c1113e55b32
Version: webpack 2.2.1
Time: 2057ms
Asset Size Chunks Chunk Names
app-bundle.js 2.28 …babel-loader ×1
babeljs ×1
browser ×1
css ×1
cssom ×1
dom ×1
html ×1
javascript ×1
jsx ×1
node.js ×1
npm ×1
npm-install ×1
reactjs ×1
webpack ×1