Уменьшить размер файла в ответе JS при обслуживании приложения - PullRequest
Новая
       8

Уменьшить размер файла в ответе JS при обслуживании приложения

0 голосов
/ 17 октября 2019

Я новичок в реагировании + избыточность, я работаю над приложением, где я застрял где-то, и всякий раз, когда я запускаю команду npm run serve, она генерирует файл с именем commons.js (размер 9 МБ), поэтому это занимает слишком много времени. время загрузки, если кто-нибудь открывает URL с медленным интернет-соединением, я хочу знать, есть ли что-нибудь, с помощью чего я могу уменьшить размер. Я использовал оптимизацию, splitChunks, чтобы уменьшить размеры файлов. Ниже приведены зависимости 

"uglifyjs-webpack-plugin": "^1.1.2",
"url-loader": "^2.1.0",
"webpack": "4.31.0",
"webpack-cli": "^3.3.2",
"webpack-dev-server": "3.3.1"

Ниже приведен код cofig веб-пакета 

const config = {
  ...webpackAlias,
  mode: modeAlias,
  optimization: {
    splitChunks: {
      cacheGroups: {
        commons: {
          minChunks: 2,
          name: 'commons',
          chunks: 'all'
        },
      },
    }
  },
  context: __dirname,
  entry,
  devtool,
  output: {
    path: outputPath,
    publicPath: '/webpack/static/',
    filename: '[name].js',
  },
  devServer: {
    contentBase: outputPath,
    port: 44444,
    publicPath: DEV_SERVER_PUBLIC_PATH,
    stats: {
      errors: true,
      warnings: true,
      assets: false,
      chunks: true,
      chunkGroups: true,
      chunkModules: true,
      chunkOrigins: true,
      builtAt: false,
      cached: false,
      timings: false,
      outputPath: false,
      modules: true,
      entrypoints: true,
    },
    headers: {
      "Access-Control-Allow-Origin": "\*",
    }
  },
...