Webpack关键插件:packWebpack的必备工具

Webpack的critical-plugin能够从JavaScript包中提取样式,并将关键样式嵌入HTML中。安装这个插件只需要运行$ npm install critical-plugin [--save-dev]命令即可。在webpack.config.js文件中配置插件选项的实例化是首要任务:

// webpack.config.js示例
var CriticalPlugin = require('critical-plugin');

module.exports = {
  // ...其他插件
  plugins: [
    // ...其他插件
    new CriticalPlugin()
  ]
  // ...
}

配置时,务必将配置选项的哈希值传递给插件,以便引发属性的添加。不过,要注意不要使用base、html和src选项。

zip 文件大小:137.28KB