diff --git a/package.json b/package.json index dcdc1e5..8668787 100644 --- a/package.json +++ b/package.json @@ -55,6 +55,7 @@ "responsive-loader": "^1.1.0", "sanitize-html": "^1.18.2", "sass-loader": "^7.0.3", + "sharp": "^0.20.5", "style-loader": "^0.21.0", "uglifyjs-webpack-plugin": "^1.2.7", "url-loader": "^1.0.1", diff --git a/private/server/WebpackCompilerOptions.js b/private/server/WebpackCompilerOptions.js index 0fb62a5..7e20116 100644 --- a/private/server/WebpackCompilerOptions.js +++ b/private/server/WebpackCompilerOptions.js @@ -29,7 +29,8 @@ const CompressionPlugin = require("compression-webpack-plugin"), UglifyJsPlugin = require('uglifyjs-webpack-plugin'), MiniCssExtractPlugin = require("mini-css-extract-plugin"), - OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); + OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"), + SharpLoader = require('responsive-loader/sharp') ; //Constants @@ -94,6 +95,7 @@ module.exports = function(server, app) { use: [{ loader: "responsive-loader", options: { + adapter: SharpLoader, sizes: [250, 500, 1000, 1500, 2000, 2500], name: "[path][name]_[width]x.[ext]", context: 'public' diff --git a/webpack.config.js b/webpack.config.js index e65d93a..947a96c 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,6 +1,7 @@ const webpack = require('webpack'), - HtmlWebpackPlugin = require('html-webpack-plugin') + HtmlWebpackPlugin = require('html-webpack-plugin'), + SharpLoader = require('responsive-loader/sharp') ; const HTMLWebpackPluginConfig = new HtmlWebpackPlugin({ @@ -58,6 +59,7 @@ module.exports = { use: [{ loader: "responsive-loader", options: { + adapter: SharpLoader, sizes: [250, 500, 1000, 1500, 2000, 2500], name: "[path][name]_[width]x.[ext]", context: 'public'