@mpxjs/webpack-plugin 2.7.57 → 2.7.58

package/lib/index.js

@@ -58,6 +58,7 @@ const stringifyLoadersAndResource = require('./utils/stringify-loaders-resource'
 const emitFile = require('./utils/emit-file')
 const { MPX_PROCESSED_FLAG, MPX_DISABLE_EXTRACTOR_CACHE } = require('./utils/const')
 const isEmptyObject = require('./utils/is-empty-object')
+require('./utils/check-core-version-match')
 
 const isProductionLikeMode = options => {
   return options.mode === 'production' || !options.mode

package/lib/json-compiler/index.js

@@ -119,7 +119,8 @@ module.exports = function (content) {
     if (err) return nativeCallback(err)
     let output = `var json = ${JSON.stringify(json, null, 2)};\n`
     if (processOutput) output = processOutput(output)
-    output += `module.exports = JSON.stringify(json, null, 2);\n`
+    const jsonSpace = this.minimize ? 0 : 2
+    output += `module.exports = JSON.stringify(json, null, ${jsonSpace});\n`
     nativeCallback(null, output)
   }
 

package/lib/utils/check-core-version-match.js

@@ -0,0 +1,18 @@
+// @mpxjs/webpack-plugin 2.7.x -> @mpxjs/core 2.7.x
+// @mpxjs/webpack-plugin 2.8.x -> @mpxjs/core 2.8.x
+const coreVersion = require('@mpxjs/core/package.json').version
+const packageName = require('../../package.json').name
+const packageVersion = require('../../package.json').version
+
+if (packageVersion.slice(0, 3) !== coreVersion.slice(0, 3)) {
+  const corePath = require.resolve('@mpxjs/core')
+  const packagePath = require.resolve('../../package.json')
+  throw new Error(
+    `@mpxjs/core packages version mismatch:
+    -@mpxjs/core@${coreVersion}(${corePath})
+    -${packageName}@${packageVersion}(${packagePath})
+    This may cause things to work incorrectly, Make sure to use the same minor version for both.
+    For example: @mpxjs/core@2.7.x with @mpxjs/webpack-plugin@2.7.x
+    `
+  )
+}

package/lib/wxss/loader.js

@@ -144,6 +144,20 @@ module.exports = async function loader (content, map, meta) {
     )
   }
 
+  if (this.minimize) {
+    const cssnano = require('cssnano')
+    const minimizeOptions = rawOptions.minimize || {}
+    let cssnanoConfig = {
+      preset: ['cssnano-preset-default', minimizeOptions.optimisation || {}]
+    }
+    if (minimizeOptions.advanced) {
+      cssnanoConfig = {
+        preset: ['cssnano-preset-advanced', minimizeOptions.optimisation || {}]
+      }
+    }
+    plugins.push(cssnano(cssnanoConfig))
+  }
+
   // Reuse CSS AST (PostCSS AST e.g 'postcss-loader') to avoid reparsing
   if (meta) {
     const { ast } = meta

package/lib/wxss/options.json

@@ -203,6 +203,11 @@
       "description": "Allows exporting styles as array with modules, string or constructable stylesheet (i.e. `CSSStyleSheet`).",
       "link": "https://github.com/webpack-contrib/css-loader#exporttype",
       "enum": ["array", "string", "css-style-sheet"]
+    },
+    "minimize": {
+      "description": "css minimization config.",
+      "link": "https://www.cssnano.cn/docs/what-are-optimisations/",
+      "type": "object"
     }
   },
   "type": "object"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/webpack-plugin",
-  "version": "2.7.57",
+  "version": "2.7.58",
   "description": "mpx compile core",
   "keywords": [
     "mpx"
@@ -80,5 +80,5 @@
   "engines": {
     "node": ">=14.14.0"
   },
-  "gitHead": "d880e6a7cbce97d3b8cce3468619683d7c062837"
+  "gitHead": "bb48b5989cd2c89ba464ac1ee53529431d56fb33"
 }