@qse/edu-scripts 1.15.0 → 2.0.1

package/src/start.js

@@ -1,44 +0,0 @@
-process.env.NODE_ENV = 'development'
-process.env.BABEL_ENV = 'development'
-process.env.BROWSERSLIST = 'chrome >= 70'
-process.env.WEBPACK_DEV_SERVER_BASE_PORT = '3000'
-
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', (err) => {
-  throw err
-})
-
-const WebpackDevServer = require('webpack-dev-server')
-const webpack = require('webpack')
-const getConfig = require('./utils/getConfig')
-const chalk = require('chalk')
-
-module.exports = async function start(args) {
-  const basePort = process.env.WEBPACK_DEV_SERVER_BASE_PORT
-  const port = await WebpackDevServer.getFreePort(args.port || process.env.PORT)
-  if (!(args.port || process.env.PORT) && +port !== +basePort) {
-    console.log(chalk.bgYellow(`${basePort} 端口已被占用，现切换到 ${port} 端口运行`))
-  }
-  args.port = port
-  process.env.PORT = port
-
-  const compiler = webpack(getConfig(args))
-  const devServer = new WebpackDevServer(compiler.options.devServer, compiler)
-  devServer.start()
-  ;[('SIGINT', 'SIGTERM')].forEach(function (sig) {
-    process.on(sig, function () {
-      devServer.stop()
-      process.exit()
-    })
-  })
-
-  if (process.env.CI !== 'true') {
-    // Gracefully exit when stdin ends
-    process.stdin.on('end', function () {
-      devServer.stop()
-      process.exit()
-    })
-  }
-}

package/src/utils/FileSizeReporter.js

@@ -1,151 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var fs = require('fs')
-var path = require('path')
-var chalk = require('chalk')
-var filesize = require('filesize')
-var recursive = require('recursive-readdir')
-var stripAnsi = require('strip-ansi')
-var gzipSize = require('gzip-size').sync
-
-function canReadAsset(asset) {
-  return (
-    /\.(js|css)$/.test(asset) &&
-    !/service-worker\.js/.test(asset) &&
-    !/precache-manifest\.[0-9a-f]+\.js/.test(asset)
-  )
-}
-
-// Prints a detailed summary of build files.
-function printFileSizesAfterBuild(
-  webpackStats,
-  previousSizeMap,
-  buildFolder,
-  maxBundleGzipSize,
-  maxChunkGzipSize
-) {
-  var root = previousSizeMap.root
-  var sizes = previousSizeMap.sizes
-  var assets = (webpackStats.stats || [webpackStats])
-    .map((stats) =>
-      stats
-        .toJson({ all: false, assets: true })
-        .assets.filter((asset) => canReadAsset(asset.name))
-        .map((asset) => {
-          var fileContents = fs.readFileSync(path.join(root, asset.name))
-          var size = gzipSize(fileContents)
-          var previousSize = sizes[removeFileNameHash(root, asset.name)]
-          var difference = getDifferenceLabel(size, previousSize)
-          return {
-            folder: path.join(path.basename(buildFolder), path.dirname(asset.name)),
-            name: path.basename(asset.name),
-            size: size,
-            sizeLabel: filesize(size) + (difference ? ' (' + difference + ')' : ''),
-          }
-        })
-    )
-    .reduce((single, all) => all.concat(single), [])
-
-  if (assets.length === 0) return
-
-  console.log('\ngzip 后文件大小:\n')
-
-  assets.sort((a, b) => b.size - a.size)
-
-  // move main file to first
-  var mainAssetIdx = assets.findIndex((asset) => /_\d+\.\d+\.\d+\./.test(asset.name))
-  assets.unshift(assets.splice(mainAssetIdx, 1)[0])
-
-  var longestSizeLabelLength = Math.max.apply(
-    null,
-    assets.map((a) => stripAnsi(a.sizeLabel).length)
-  )
-  var suggestBundleSplitting = false
-  assets.forEach((asset) => {
-    var sizeLabel = asset.sizeLabel
-    var sizeLength = stripAnsi(sizeLabel).length
-    if (sizeLength < longestSizeLabelLength) {
-      var rightPadding = ' '.repeat(longestSizeLabelLength - sizeLength)
-      sizeLabel += rightPadding
-    }
-    var isMainBundle = /_\d+\.\d+\.\d+\./.test(asset.name)
-    var maxRecommendedSize = isMainBundle ? maxBundleGzipSize : maxChunkGzipSize
-    var isLarge = maxRecommendedSize && asset.size > maxRecommendedSize
-    if (isLarge && path.extname(asset.name) === '.js') {
-      suggestBundleSplitting = true
-    }
-    console.log(
-      '  ' +
-        (isLarge ? chalk.yellow(sizeLabel) : sizeLabel) +
-        '  ' +
-        chalk.dim(asset.folder + path.sep) +
-        chalk.cyan(asset.name)
-    )
-    if (isMainBundle) {
-      console.log('')
-    }
-  })
-  if (suggestBundleSplitting) {
-    console.log()
-    console.log(chalk.yellow('产物大小明显大于推荐的大小 (主文件 30k, chunk 1M, 黄色标注为偏大)'))
-    console.log(chalk.yellow('考虑下使用代码分割解决'))
-    console.log(chalk.yellow('也可以使用 npm run analyze 命令分析产物'))
-  }
-
-  console.log()
-}
-
-function removeFileNameHash(buildFolder, fileName) {
-  return fileName
-    .replace(buildFolder, '')
-    .replace(/\\/g, '/')
-    .replace(/\/\d+\.\d+\.\d+\//, '/')
-    .replace(/\/?(.*)(\.[0-9a-f]+)(\.chunk)?(\.js|\.css)/, (match, p1, p2, p3, p4) => p1 + p4)
-}
-
-// Input: 1024, 2048
-// Output: "(+1 KB)"
-function getDifferenceLabel(currentSize, previousSize) {
-  var FIFTY_KILOBYTES = 1024 * 50
-  var difference = currentSize - previousSize
-  var fileSize = !Number.isNaN(difference) ? filesize(difference) : 0
-  if (difference >= FIFTY_KILOBYTES) {
-    return chalk.red('+' + fileSize)
-  } else if (difference < FIFTY_KILOBYTES && difference > 0) {
-    return chalk.yellow('+' + fileSize)
-  } else if (difference < 0) {
-    return chalk.green(fileSize)
-  } else {
-    return ''
-  }
-}
-
-function measureFileSizesBeforeBuild(buildFolder) {
-  return new Promise((resolve) => {
-    recursive(buildFolder, (err, fileNames) => {
-      var sizes
-      if (!err && fileNames) {
-        sizes = fileNames.filter(canReadAsset).reduce((memo, fileName) => {
-          var contents = fs.readFileSync(fileName)
-          var key = removeFileNameHash(buildFolder, fileName)
-          memo[key] = gzipSize(contents)
-          return memo
-        }, {})
-      }
-      resolve({
-        root: buildFolder,
-        sizes: sizes || {},
-      })
-    })
-  })
-}
-
-module.exports = {
-  measureFileSizesBeforeBuild: measureFileSizesBeforeBuild,
-  printFileSizesAfterBuild: printFileSizesAfterBuild,
-}

package/src/utils/getOverride.js

@@ -1,48 +0,0 @@
-const fs = require('fs')
-const paths = require('../config/paths')
-
-/** @type {import('./defineConfig').Config} */
-const defaultOverride = {
-  transformNodeModules: true,
-  minifyImage: true,
-  minify: 'esbuild',
-  proxy: [],
-  extraPostCSSPlugins: [],
-}
-
-let override = null
-
-/**
- * @return {import('./defineConfig').Config}
- */
-module.exports = function getOverride() {
-  if (override) return override
-
-  override = Object.assign({}, defaultOverride)
-
-  if (fs.existsSync(paths.override)) {
-    const userOverride = require(paths.override)
-    if (typeof userOverride !== 'object')
-      throw new Error('格式错误，请使用 npx edu g override 生成文件')
-    Object.assign(override, userOverride)
-  }
-
-  if (override.minify === true) override.minify = defaultOverride.minify
-
-  if (override.babel) {
-    const old = override.babel
-    override.babel = (config, context) => {
-      const newConfig = old(config, context) || config
-
-      let plugin = config.plugins.find(
-        (plugin) => Array.isArray(plugin) && /^(babel-plugin-)?import$/.test(plugin[0])
-      )
-      if (plugin) {
-        plugin[0] = require.resolve('babel-plugin-import')
-      }
-      return newConfig
-    }
-  }
-
-  return override
-}