@dcloudio/vue-cli-plugin-uni 2.0.1-35320220729002 → 2.0.1-36220220914001

package/commands/build.js

@@ -1,4 +1,5 @@
 const path = require('path')
+const webpack = require('webpack')
 
 const {
   runByHBuilderX,
@@ -98,14 +99,18 @@ function getWebpackConfig (api, args, options) {
   if (args.minimize && process.env.NODE_ENV !== 'production') {
     modifyConfig(webpackConfig, config => {
       config.optimization.minimize = true
-      config.optimization.namedModules = false
+      if (webpack.version[0] <= 4) {
+        config.optimization.namedModules = false
+      }
     })
   } else {
     modifyConfig(webpackConfig, config => {
       if (!config.optimization) {
         config.optimization = {}
       }
-      config.optimization.namedModules = false
+      if (webpack.version[0] <= 4) {
+        config.optimization.namedModules = false
+      }
     })
   }
   return webpackConfig
@@ -131,7 +136,6 @@ function getWebpackConfigs (api, args, options) {
 async function build (args, api, options) {
   const fs = require('fs-extra')
   const chalk = require('chalk')
-  const webpack = require('webpack')
 
   const {
     log,

package/commands/serve.js

@@ -37,7 +37,7 @@ module.exports = (api, options) => {
 
     const url = require('url')
     const path = require('path')
-    const chalk = require('chalk')
+    const { chalk } = require('@vue/cli-shared-utils')
     const webpack = require('webpack')
     const WebpackDevServer = require('webpack-dev-server')
     const portfinder = require('portfinder')
@@ -139,48 +139,98 @@ module.exports = (api, options) => {
     const compiler = webpack(webpackConfig)
 
     // create server
-    const server = new WebpackDevServer(compiler, Object.assign({
-      clientLogLevel: 'none',
-      historyApiFallback: {
-        disableDotRule: true,
-        rewrites: [{
-          from: /./,
-          to: path.posix.join(options.publicPath, 'index.html')
-        }]
-      },
-      contentBase: api.resolve('public'),
-      watchContentBase: !isProduction,
-      hot: !isProduction,
-      quiet: true,
-      compress: isProduction,
-      publicPath: options.publicPath,
-      overlay: isProduction // TODO disable this
-        ? false : {
-          warnings: false,
-          errors: true
+    let server
+    if (webpack.version[0] > 4) {
+      server = new WebpackDevServer(Object.assign({
+        historyApiFallback: {
+          disableDotRule: true,
+          rewrites: [{
+            from: /./,
+            to: path.posix.join(options.publicPath, 'index.html')
+          }]
+        },
+        hot: !isProduction,
+        compress: isProduction,
+        static: {
+          directory: api.resolve('public'),
+          publicPath: options.publicPath,
+          watch: !isProduction,
+          ...projectDevServerOptions.static
+        },
+        client: {
+          logging: 'none',
+          overlay: isProduction // TODO disable this
+            ? false
+            : { warnings: false, errors: true },
+          progress: !process.env.VUE_CLI_TEST,
+          ...projectDevServerOptions.client
         }
-    }, projectDevServerOptions, {
-      https: useHttps,
-      proxy: proxySettings,
-      before (app, server) {
+      }, projectDevServerOptions, {
+        https: useHttps,
+        proxy: proxySettings,
+        setupMiddlewares (middlewares, devServer) {
+          // launch editor support.
+          // this works with vue-devtools & @vue/cli-overlay
+          devServer.app.use('/__open-in-editor', launchEditorMiddleware(() => console.log(
+            'To specify an editor, specify the EDITOR env variable or ' +
+            'add "editor" field to your Vue project config.\n'
+          )))
+
+          // allow other plugins to register middlewares, e.g. PWA
+          // todo: migrate to the new API interface
+          api.service.devServerConfigFns.forEach(fn => fn(devServer.app, devServer))
+
+          if (projectDevServerOptions.setupMiddlewares) {
+            return projectDevServerOptions.setupMiddlewares(middlewares, devServer)
+          }
+
+          return middlewares
+        }
+      }), compiler)
+    } else {
+      server = new WebpackDevServer(compiler, Object.assign({
+        clientLogLevel: 'none',
+        historyApiFallback: {
+          disableDotRule: true,
+          rewrites: [{
+            from: /./,
+            to: path.posix.join(options.publicPath, 'index.html')
+          }]
+        },
+        contentBase: api.resolve('public'),
+        watchContentBase: !isProduction,
+        hot: !isProduction,
+        quiet: true,
+        compress: isProduction,
+        publicPath: options.publicPath,
+        overlay: isProduction // TODO disable this
+          ? false : {
+            warnings: false,
+            errors: true
+          }
+      }, projectDevServerOptions, {
+        https: useHttps,
+        proxy: proxySettings,
+        before (app, server) {
         // launch editor support.
         // this works with vue-devtools & @vue/cli-overlay
-        app.use('/__open-in-editor', launchEditorMiddleware(() => console.log(
-          'To specify an editor, sepcify the EDITOR env variable or ' +
+          app.use('/__open-in-editor', launchEditorMiddleware(() => console.log(
+            'To specify an editor, sepcify the EDITOR env variable or ' +
           'add "editor" field to your Vue project config.\n'
-        )))
-        // allow other plugins to register middlewares, e.g. PWA
-        api.service.devServerConfigFns.forEach(fn => fn(app, server))
-        // apply in project middlewares
-        projectDevServerOptions.before && projectDevServerOptions.before(app,
-          server)
-      }
-    }))
+          )))
+          // allow other plugins to register middlewares, e.g. PWA
+          api.service.devServerConfigFns.forEach(fn => fn(app, server))
+          // apply in project middlewares
+          projectDevServerOptions.before && projectDevServerOptions.before(app,
+            server)
+        }
+      }))
+    }
 
     ;
     ['SIGINT', 'SIGTERM'].forEach(signal => {
       process.on(signal, () => {
-        server.close(() => {
+        server[webpack.version[0] > 4 ? 'stopCallback' : 'close'](() => {
           process.exit(0)
         })
       })
@@ -192,7 +242,7 @@ module.exports = (api, options) => {
       process.stdin.on('data', data => {
         if (data.toString() === 'close') {
           console.log('got close signal!')
-          server.close(() => {
+          server[webpack.version[0] > 4 ? 'stopCallback' : 'close'](() => {
             process.exit(0)
           })
         }
@@ -303,11 +353,15 @@ module.exports = (api, options) => {
         server.showStatus = function () {}
       }
 
-      server.listen(port, host, err => {
-        if (err) {
-          reject(err)
-        }
-      })
+      if (webpack.version[0] > 4) {
+        server.start().catch(err => reject(err))
+      } else {
+        server.listen(port, host, err => {
+          if (err) {
+            reject(err)
+          }
+        })
+      }
     })
   })
 }

package/lib/app-plus/index.js

@@ -70,7 +70,11 @@ const v3 = {
       webpackConfig.optimization = {}
     }
     // disable noEmitOnErrors
-    webpackConfig.optimization.noEmitOnErrors = false
+    if (webpack.version[0] > 4) {
+      webpackConfig.optimization.emitOnErrors = true
+    } else {
+      webpackConfig.optimization.noEmitOnErrors = false
+    }
 
     if (isAppService) {
       webpackConfig.optimization.runtimeChunk = {
@@ -134,7 +138,8 @@ const v3 = {
       output: {
         filename: '[name].js',
         chunkFilename: '[id].js',
-        globalObject: 'this'
+        // webpack5 use strict
+        globalObject: webpack.version[0] > 4 ? '(new Function("return this")())' : 'this'
       },
       performance: {
         hints: false
@@ -158,7 +163,7 @@ const v3 = {
               compiler: vueLoader.compiler,
               before: [
                 beforeCode + require('../util').getAutomatorCode() + statCode + pushCode + uniCloudCode +
-                  getGlobalUsingComponentsCode()
+                getGlobalUsingComponentsCode()
               ]
             }
           }]
@@ -260,6 +265,8 @@ const v3 = {
       })
     }
 
+    webpackConfig.plugin('vue-loader').use(require(vueLoader.loader).VueLoaderPlugin)
+
     webpackConfig.plugins.delete('hmr')
     webpackConfig.plugins.delete('html')
     webpackConfig.plugins.delete('copy')

package/lib/chain-webpack.js

@@ -1,8 +1,5 @@
 const path = require('path')
-
-const {
-  sassLoaderVersion
-} = require('@dcloudio/uni-cli-shared/lib/scss')
+const webpack = require('webpack')
 
 const {
   getPartialIdentifier
@@ -23,11 +20,38 @@ module.exports = function chainWebpack (platformOptions, vueOptions, api) {
     const urlLoader = require('@dcloudio/uni-cli-shared/lib/url-loader')
     const staticTypes = ['images', 'media', 'fonts']
     staticTypes.forEach(staticType => {
-      webpackConfig.module
-        .rule(staticType)
-        .use('url-loader')
-        .loader(urlLoader.loader)
-        .tap(options => Object.assign(options, urlLoader.options()))
+      const newOptions = urlLoader.options()
+      if (webpack.version[0] > 4) {
+        if ('limit' in newOptions) {
+          webpackConfig.module.rule(staticType).parser({
+            dataUrlCondition: {
+              maxSize: newOptions.limit
+            }
+          })
+        }
+        if (newOptions.fallback && newOptions.fallback.options) {
+          const generator = {}
+          const oldOptions = newOptions.fallback.options
+          const keys = ['publicPath', 'outputPath']
+          keys.forEach(key => {
+            generator[key] = pathData => {
+              const outputPath = oldOptions.outputPath(null, pathData.module.request)
+              const basename = path.basename(outputPath)
+              return outputPath.substring(0, outputPath.length - basename.length)
+            }
+          })
+          generator.filename = pathData => {
+            return path.basename(pathData.module.request)
+          }
+          webpackConfig.module.rule(staticType).set('generator', generator)
+        }
+      } else {
+        webpackConfig.module
+          .rule(staticType)
+          .use('url-loader')
+          .loader(urlLoader.loader)
+          .tap(options => Object.assign(options, newOptions))
+      }
     })
     // 条件编译 vue 文件统一直接过滤html,js,css三种类型,单独资源文件引用各自过滤
 
@@ -56,6 +80,18 @@ module.exports = function chainWebpack (platformOptions, vueOptions, api) {
             ))
             .before('css-loader')
         }
+        if (webpack.version[0] > 4) {
+          langRule.oneOf(type)
+            .use('css-loader')
+            .tap(options => {
+              options.url = {
+                filter: function (url) {
+                  return url[0] !== '/'
+                }
+              }
+              return options
+            })
+        }
         langRule.oneOf(type)
           .use('uniapp-preprocss')
           .loader(resolve('packages/webpack-preprocess-loader'))
@@ -72,21 +108,19 @@ module.exports = function chainWebpack (platformOptions, vueOptions, api) {
       })
     })
 
-    if (sassLoaderVersion >= 8) { // check indentedSyntax
-      // vue cli 3 and sass-loader 8
-      cssTypes.forEach(type => {
-        webpackConfig.module.rule('sass').oneOf(type).use('sass-loader').tap(options => {
-          if (options.indentedSyntax) {
-            if (!options.sassOptions) {
-              options.sassOptions = {}
-            }
-            options.sassOptions.indentedSyntax = true
-            delete options.indentedSyntax
+    // vue cli 3 and sass-loader 8
+    cssTypes.forEach(type => {
+      webpackConfig.module.rule('sass').oneOf(type).use('sass-loader').tap(options => {
+        if (options.indentedSyntax) {
+          if (!options.sassOptions) {
+            options.sassOptions = {}
           }
-          return options
-        })
+          options.sassOptions.indentedSyntax = true
+          delete options.indentedSyntax
+        }
+        return options
       })
-    }
+    })
 
     platformOptions.chainWebpack(webpackConfig, vueOptions, api)
     // define
@@ -104,8 +138,9 @@ module.exports = function chainWebpack (platformOptions, vueOptions, api) {
       'process.env.UNICLOUD_DEBUG': process.env.UNICLOUD_DEBUG,
       'process.env.RUN_BY_HBUILDERX': process.env.RUN_BY_HBUILDERX,
       'process.env.UNI_AUTOMATOR_WS_ENDPOINT': JSON.stringify(process.env.UNI_AUTOMATOR_WS_ENDPOINT),
-      'process.env.UNI_STAT_UNI_CLOUD': process.env.UNI_STAT_UNI_CLOUD || '""',
-      'process.env.UNI_STAT_DEBUG': process.env.UNI_STAT_DEBUG || '""',
+      'process.env.UNI_STATISTICS_CONFIG': process.env.UNI_STATISTICS_CONFIG,
+      'process.env.UNI_STAT_UNI_CLOUD': process.env.UNI_STAT_UNI_CLOUD,
+      'process.env.UNI_STAT_DEBUG': process.env.UNI_STAT_DEBUG,
       'process.env.UNI_COMPILER_VERSION': JSON.stringify(process.env.UNI_COMPILER_VERSION),
       'process.env.UNI_APP_VERSION_NAME': JSON.stringify(process.env.UNI_APP_VERSION_NAME),
       'process.env.UNI_APP_VERSION_CODE': JSON.stringify(process.env.UNI_APP_VERSION_CODE)

package/lib/configure-webpack.js

@@ -1,8 +1,8 @@
 const fs = require('fs')
 const path = require('path')
 const webpack = require('webpack')
-const RuleSet = require('webpack/lib/RuleSet')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
+const CopyWebpackPluginVersion = Number(require('copy-webpack-plugin/package.json').version.split('.')[0])
 
 const merge = require('webpack-merge')
 
@@ -39,12 +39,44 @@ module.exports = function configureWebpack (platformOptions, manifestPlatformOpt
     return (rule, i) => {
       const clone = Object.assign({}, rule)
       delete clone.include
-      const normalized = RuleSet.normalizeRule(clone, {}, '')
-      return (
-        !rule.enforce &&
+      if (webpack.version[0] > 4) {
+        const BasicEffectRulePlugin = require('webpack/lib/rules/BasicEffectRulePlugin')
+        const BasicMatcherRulePlugin = require('webpack/lib/rules/BasicMatcherRulePlugin')
+        const RuleSetCompiler = require('webpack/lib/rules/RuleSetCompiler')
+        const UseEffectRulePlugin = require('webpack/lib/rules/UseEffectRulePlugin')
+        const ruleSetCompiler = new RuleSetCompiler([
+          new BasicMatcherRulePlugin('test', 'resource'),
+          new BasicMatcherRulePlugin('include', 'resource'),
+          new BasicMatcherRulePlugin('exclude', 'resource', true),
+          new BasicMatcherRulePlugin('resource'),
+          new BasicMatcherRulePlugin('conditions'),
+          new BasicMatcherRulePlugin('resourceQuery'),
+          new BasicMatcherRulePlugin('realResource'),
+          new BasicMatcherRulePlugin('issuer'),
+          new BasicMatcherRulePlugin('compiler'),
+          new BasicEffectRulePlugin('type'),
+          new BasicEffectRulePlugin('sideEffects'),
+          new BasicEffectRulePlugin('parser'),
+          new BasicEffectRulePlugin('resolve'),
+          new BasicEffectRulePlugin('generator'),
+          new UseEffectRulePlugin()
+        ])
+        const ruleSet = ruleSetCompiler.compile([{
+          rules: [clone]
+        }])
+        const rules = ruleSet.exec({
+          resource: fakeFile
+        })
+        return rules.length > 0 && rule.use
+      } else {
+        const RuleSet = require('webpack/lib/RuleSet')
+        const normalized = RuleSet.normalizeRule(clone, {}, '')
+        return (
+          !rule.enforce &&
         normalized.resource &&
         normalized.resource(fakeFile)
-      )
+        )
+      }
     }
   }
 
@@ -150,15 +182,23 @@ module.exports = function configureWebpack (platformOptions, manifestPlatformOpt
     for (let i = rawRules.length - 1; i >= 0; i--) {
       const uses = rawRules[i].use
       if (Array.isArray(uses)) {
-        if (uses.find(use => babelLoaderRe.test(use.loader))) {
-          const index = uses.findIndex(use => cacheLoaderRe.test(use.loader))
-          if (process.env.UNI_USING_CACHE) {
-            Object.assign(uses[index].options, api.genCacheConfig(
-              'babel-loader/' + process.env.UNI_PLATFORM,
-              getPartialIdentifier()
-            ))
+        const babelLoader = uses.find(use => babelLoaderRe.test(use.loader))
+        if (babelLoader) {
+          const options = api.genCacheConfig('babel-loader/' + process.env.UNI_PLATFORM, getPartialIdentifier())
+          if (webpack.version[0] > 4) {
+            babelLoader.options = babelLoader.options || {}
+            Object.assign(babelLoader.options, process.env.UNI_USING_CACHE ? options : {
+              cacheDirectory: false
+            })
           } else {
-            uses.splice(index, 1)
+            const index = uses.findIndex(use => cacheLoaderRe.test(use.loader))
+            if (index >= 0) {
+              if (process.env.UNI_USING_CACHE) {
+                Object.assign(uses[index].options, options)
+              } else {
+                uses.splice(index, 1)
+              }
+            }
           }
         }
       }
@@ -198,12 +238,13 @@ module.exports = function configureWebpack (platformOptions, manifestPlatformOpt
       vueOptions.pluginOptions['uni-app-plus'].view
 
     if (!isAppView) { // app-plus view不需要copy
-      plugins.push(new CopyWebpackPlugin(getCopyWebpackPluginOptions(manifestPlatformOptions, vueOptions)))
+      const patterns = getCopyWebpackPluginOptions(manifestPlatformOptions, vueOptions)
+      plugins.push(new CopyWebpackPlugin(CopyWebpackPluginVersion > 5 ? { patterns } : patterns))
     }
     if (!process.env.UNI_SUBPACKGE || !process.env.UNI_MP_PLUGIN) {
       try {
         const automatorJson = require.resolve('@dcloudio/uni-automator/dist/automator.json')
-        plugins.push(new CopyWebpackPlugin([{
+        const patterns = [{
           from: automatorJson,
           to: '../.automator/' + (process.env.UNI_SUB_PLATFORM || process.env.UNI_PLATFORM) +
             '/.automator.json',
@@ -216,8 +257,9 @@ module.exports = function configureWebpack (platformOptions, manifestPlatformOpt
             }
             return ''
           }
-        }]))
-      } catch (e) {}
+        }]
+        plugins.push(new CopyWebpackPlugin(CopyWebpackPluginVersion > 5 ? { patterns } : patterns))
+      } catch (e) { }
     }
 
     if (process.UNI_SCRIPT_ENV && Object.keys(process.UNI_SCRIPT_ENV).length) {

package/lib/copy-webpack-options.js

@@ -7,6 +7,7 @@ const {
   initI18nOptions
 } = require('@dcloudio/uni-cli-shared/lib/i18n')
 const assetsDir = 'static'
+const CopyWebpackPluginVersion = Number(require('copy-webpack-plugin/package.json').version.split('.')[0])
 
 function getAssetsCopyOption (from, options = {}) {
   if (path.isAbsolute(from)) {
@@ -42,7 +43,9 @@ function getAssetsCopyOptions (assetsDir) {
 
   const copyOptions = []
   // 主包静态资源
-  const mainAssetsCopyOption = getAssetsCopyOption(assetsDir, {
+  const mainAssetsCopyOption = getAssetsCopyOption(assetsDir, CopyWebpackPluginVersion > 5 ? {
+    globOptions: { ignore }
+  } : {
     ignore
   })
   if (mainAssetsCopyOption) {
@@ -51,11 +54,11 @@ function getAssetsCopyOptions (assetsDir) {
   // 分包静态资源
   process.UNI_SUBPACKAGES &&
     Object.keys(process.UNI_SUBPACKAGES).forEach(root => {
-      const subAssetsCopyOption = getAssetsCopyOption(
-        path.join(root, assetsDir), {
-          ignore
-        }
-      )
+      const subAssetsCopyOption = getAssetsCopyOption(path.join(root, assetsDir), CopyWebpackPluginVersion > 5 ? {
+        globOptions: { ignore }
+      } : {
+        ignore
+      })
       if (subAssetsCopyOption) {
         copyOptions.push(subAssetsCopyOption)
       }
@@ -89,14 +92,14 @@ function getCopyWebpackPluginOptions (platformOptions, vueOptions) {
   })
   // 自动化测试时，不启用androidPrivacy.json
   if (process.env.UNI_PLATFORM === 'app-plus' && !process.env.UNI_AUTOMATOR_WS_ENDPOINT) {
-    copyOptions.push({
-      from: path.resolve(process.env.UNI_INPUT_DIR, 'android*.json'),
-      to: '[name].[ext]',
-      globOptions: {
-        ignored: require('./util').getWatchOptions().ignored
-      },
-      transform (content, path) {
-        if (path.endsWith('androidPrivacy.json')) {
+    const fileName = 'androidPrivacy.json'
+    const context = path.resolve(process.env.UNI_INPUT_DIR)
+    if (fs.existsSync(path.join(context, fileName))) {
+      copyOptions.push({
+        from: fileName,
+        context,
+        to: fileName,
+        transform (content) {
           const options = initI18nOptions(
             process.env.UNI_PLATFORM,
             process.env.UNI_INPUT_DIR,
@@ -108,9 +111,8 @@ function getCopyWebpackPluginOptions (platformOptions, vueOptions) {
           }
           return compileI18nJsonStr(content.toString(), options)
         }
-        return content
-      }
-    })
+      })
+    }
   }
   return copyOptions
 }
@@ -118,4 +120,4 @@ function getCopyWebpackPluginOptions (platformOptions, vueOptions) {
 module.exports = {
   assetsDir,
   getCopyWebpackPluginOptions
-}
+}

package/lib/env.js

@@ -324,8 +324,9 @@ if ((process.env.UNI_PLATFORM === 'mp-kuaishou' || process.env.UNI_PLATFORM ===
 
 process.env.MERGE_VIRTUAL_HOST_ATTRIBUTES = (!!platformOptions.mergeVirtualHostAttributes).toString()
 
-process.env.UNI_STAT_UNI_CLOUD = ''
-process.env.UNI_STAT_DEBUG = ''
+process.env.UNI_STATISTICS_CONFIG = '""'
+process.env.UNI_STAT_UNI_CLOUD = '""'
+process.env.UNI_STAT_DEBUG = '""'
 if (
   process.env.UNI_USING_COMPONENTS ||
   process.env.UNI_PLATFORM === 'h5'
@@ -336,9 +337,10 @@ if (
   )
 
   if (uniStatistics.enable === true) {
-    process.env.UNI_USING_STAT = uniStatistics.version === '2' ? '2' : '1'
+    process.env.UNI_USING_STAT = Number(uniStatistics.version) === 2 ? '2' : '1'
     // 获取服务空间配置信息
     const uniCloudConfig = uniStatistics.uniCloud || {}
+    process.env.UNI_STATISTICS_CONFIG = JSON.stringify(uniStatistics)
     process.env.UNI_STAT_UNI_CLOUD = JSON.stringify(uniCloudConfig)
     process.env.UNI_STAT_DEBUG = uniStatistics.debug === true ? 'true' : 'false'
 

package/lib/error-reporting.js

@@ -1,5 +1,5 @@
 const {
-  normalizePath,
+  pathToRegexp,
   isInHBuilderX
 } = require('@dcloudio/uni-cli-shared/lib/util')
 const plp = require('@dcloudio/webpack-uni-pages-loader/package.json')
@@ -18,8 +18,8 @@ class ErrorReport {
     this._https = null
     this._crypto = null
     this._cacheList = []
-    this._UNI_INPUT_DIR_REG = new RegExp(normalizePath(process.env.UNI_INPUT_DIR), 'g')
-    this._UNI_CLI_CONTEXT_REG = new RegExp(normalizePath(process.env.UNI_CLI_CONTEXT), 'g')
+    this._UNI_INPUT_DIR_REG = pathToRegexp(process.env.UNI_INPUT_DIR, { global: true })
+    this._UNI_CLI_CONTEXT_REG = pathToRegexp(process.env.UNI_CLI_CONTEXT, { global: true })
   }
 
   get os () {
@@ -47,7 +47,6 @@ class ErrorReport {
       } catch (e) {}
     }
 
-    err = normalizePath(err) || ''
     err = err.replace(this._UNI_INPUT_DIR_REG, 'UNI_INPUT_DIR')
     err = err.replace(this._UNI_CLI_CONTEXT_REG, 'UNI_CLI_CONTEXT')
 

package/lib/h5/cssnano-options.js

@@ -1,15 +1,24 @@
 const {
   getPlatformCssnano
 } = require('@dcloudio/uni-cli-shared')
+const webpack = require('webpack')
 
 module.exports = function initCssnanoOptions (webpackConfig) {
   const module = webpackConfig.module
   // TODO 临时 hack calc:false 看看 vue cli 后续是否开放 cssnano 的配置
   const cssnanoOptions = {
-    sourceMap: false,
-    plugins: [require('cssnano')({
-      preset: ['default', getPlatformCssnano()]
-    })]
+    sourceMap: false
+  }
+
+  const plugins = [require('cssnano')({
+    preset: ['default', getPlatformCssnano()]
+  })]
+
+  // TODO postcss-loader version > 4
+  if (webpack.version[0] > 4) {
+    cssnanoOptions.postcssOptions = { plugins }
+  } else {
+    cssnanoOptions.plugins = plugins
   }
 
   module.rule('css').oneOf('vue-modules').use('cssnano').loader('postcss-loader').options(cssnanoOptions)

package/lib/h5/index.js

@@ -160,9 +160,13 @@ module.exports = {
       },
       plugins,
       optimization: {
-        moduleIds: 'hashed'
+        moduleIds: webpack.version[0] > 4 ? 'deterministic' : 'hashed'
       },
-      devServer: {
+      devServer: webpack.version[0] > 4 ? {
+        watchFiles: {
+          options: require('../util').getWatchOptions()
+        }
+      } : {
         watchOptions: require('../util').getWatchOptions()
       }
     }