extract-text-webpack-plugin 插件详解

看名字就知道, 它们相比官方版本的 loader 要更快, 那到底有多快? 下面给个性能对比. 看到这里, 你大概会问为啥这两个 loader 要比官方快? 其实得问官方版本的 loader 慢在哪里. 对于 sass-loader 而言, 最大的问题是没有去重, 导致 sas…

最近做了个 webpack+vue 的项目，发现打包后的页面体积有点超出预期的大。为了减少请求量， 页面的 js 和 css 都是内联在 html 里面的，查看生成的 html 代码后发现，异步引入的 vue 模块中的 css 也被打在了页面上面。页面体积可是影响加载速度的关键，赶紧 google 后解决了这个问题。这里记录下来，希望对大家有所帮助。

"消除阻塞渲染的CSS和JavaScript"。 这一条Google Page Speed Insights的建议总让我困惑。 当一个网页被访问时，Google希望它仅加载对初始视图有用的内容，并使用空闲时间来加载其他内容。这种方式可以使用户尽可能早地看到页面。 我们可以做很多…

该篇文章结合具体的项目实践，将围绕如何更快的访问网页展开，细化到具体的技术方案，以及实践中可能遇到的坑，希望对大家有一定的启发和帮助。

对于我们引入的一些第三方包，比如jQuery，在这些包内部是肯定不会依赖别的包，所以根本不需要webpack去解析它内部的依赖关系，可以在webpack配置文件中的module属性下加上noParse属性，它的值是一个正则表达式，用来匹配无需解析的模块，这样可以节约webpac…

我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…

4.4这样我们就可以使用import()方法在打包的时候分离代码了。 打包之后多了一个js文件，动态加载的css文件打包到这个新的js文件里面了，通过allChunks控制css的打包，是全部都打包到一起，还是初始化和动态化加载分开打包。