measure5-webpack.prod.conf.js

measure5-webpack.prod.conf.js

var
  // ...
  SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin'),
  loadMinified = require('./load-minified'),
  // ...

module.exports = merge(baseWebpackConfig, {
  // ...
  plugins: [
    // ...
    new HtmlWebpackPlugin({
      filename: path.resolve(__dirname, '../dist/index.html'),
      template: 'src/index.html',
      inject: true,
      minify: {
        html5: true,
        useShortDoctype: true,
        decodeEntities: true,
        removeTagWhitespace: true,
        removeStyleLinkTypeAttributes: true,
        removeScriptTypeAttributes: true,
        minifyCSS: true,
        minifyJS: true,
        removeComments: true,
        collapseWhitespace: true,
        collapseBooleanAttributes: true,
        removeAttributeQuotes: false,
        removeRedundantAttributes: true,
        removeEmptyAttributes: true,
        preserveLineBreaks: false,
        sortAttributes: true,
        sortClassName: true,
        // more options:
        // https://github.com/kangax/html-minifier#options-quick-reference
      },
      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
      chunksSortMode: 'dependency',
      serviceWorkerLoader: `<script>${loadMinified(path.join(__dirname,
        './service-worker-prod.js'))}</script>`
    }),
    // ...
    new SWPrecacheWebpackPlugin({
      cacheId: 'toodo-app-v1',
      filename: 'service-worker.js',
      staticFileGlobs: ['dist/**/*.{js,json,html,css,json,png,svg,woff}'],
      minify: true,
      stripPrefix: 'dist/'
    }),
    // ...
  ]
})