chore(nuxt-modules): 添加图片预处理模块

nuxt.config.js

@@ -103,6 +103,7 @@ export default {
     // https://go.nuxtjs.dev/stylelint
     '@nuxtjs/stylelint-module',
     // '~/modules/unplugin-vue-components'
+    '@aceforth/nuxt-optimized-images',
     '~/modules/postcss-px-to-viewport',
     '~/modules/vant',
     // https://go.nuxtjs.dev/vuetify
@@ -121,6 +122,10 @@ export default {
     uno: true,
   },
 
+  optimizedImages: {
+    // optimizeImagesInDev: true,
+  },
+
   // Axios module configuration: https://go.nuxtjs.dev/config-axios
   axios: {
     proxy: process.env.NODE_ENV === 'development',

package.json

@@ -41,6 +41,7 @@
     "webpack": "^4.46.0"
   },
   "devDependencies": {
+    "@aceforth/nuxt-optimized-images": "^1.4.0",
     "@babel/eslint-parser": "^7.16.3",
     "@commitlint/cli": "^15.0.0",
     "@commitlint/config-conventional": "^15.0.0",
@@ -57,11 +58,19 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-nuxt": "^3.1.0",
     "eslint-plugin-vue": "^8.2.0",
+    "imagemin-gifsicle": "^7.0.0",
+    "imagemin-mozjpeg": "^9.0.0",
+    "imagemin-pngquant": "^9.0.2",
+    "imagemin-svgo": "^8.0.0",
     "less": "^4.1.3",
     "less-loader": "^7.3.0",
+    "lqip-loader": "^2.2.1",
     "postcss-html": "^1.3.0",
     "postcss-px-to-viewport": "^1.1.1",
     "prettier": "^2.5.1",
+    "responsive-loader": "^2.3.0",
+    "sharp": "^0.30.6",
+    "sqip-loader": "^1.0.0",
     "stylelint": "^14.1.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended-vue": "^1.1.0",