Javascript 网页包供应商库未转换为ES5

Javascript 网页包供应商库未转换为ES5,javascript,angular,typescript,webpack,Javascript,Angular,Typescript,Webpack,各位: 我的网页包不会将供应商中的内容转换为ES5。但所有其他文件都转换为ES5(包括编写的组件) 我尝试了一些更改,包括修改polyfill.ts/tsconfig,添加babel。它从来都不起作用 我目前的配置如下: package.json { "name": "htmlaccess", "version": "1.0.0", "private": true, &qu

各位: 我的网页包不会将供应商中的内容转换为ES5。但所有其他文件都转换为ES5(包括编写的组件) 我尝试了一些更改,包括修改polyfill.ts/tsconfig,添加babel。它从来都不起作用

我目前的配置如下: package.json

{
   "name": "htmlaccess",
   "version": "1.0.0",
   "private": true,
   "description": "HTML Access",
   "scripts": {
      "build-html5": "webpack --config html5-access.webpack-config.js --progress",
   },
   "resolutions": {
      "webpack-dev-server/**/spdy-transport": "^3.0.0"
   },
   "dependencies": {
      "@angular/animations": "11.2.8",
      "@angular/common": "11.2.8",
      "@angular/compiler": "11.2.8",
      "@angular/core": "11.2.8",
      "@angular/forms": "11.2.8",
      "@angular/platform-browser": "11.2.8",
      "@angular/router": "11.2.8",
      "@ng-bootstrap/ng-bootstrap": "9.1.0",
      "bootstrap": "4.5.2",
      "classlist.js": "1.1.20150312",
      "core-js": "2.6.9",
      "filesaver.js": "0.2.0",
      "jquery": "3.5.1",
      "jquery-ui-dist": "1.12.1",
      "jssha": "3.1.2",
      "popper.js": "1.16.1",
      "rxjs": "~6.6.7",
      "source-map-loader": "^0.2.4",
      "toastr": "2.1.4",
      "tslib": "^2.0.0",
      "web-animations-js": "2.3.2",
      "zone.js": "~0.10.2"
   },
   "devDependencies": {
      "@angular-devkit/build-angular": "^0.1102.7",
      "@angular-devkit/core": "~11.2.6",
      "@angular/cli": "11.2.7",
      "@angular/compiler-cli": "~11.2.8",
      "@angular/language-service": "~11.2.7",
      "@ngtools/webpack": "~9.0.0",
      "@types/angular": "^1.6.57",
      "@types/bootstrap": "^4.5.0",
      "@types/chrome-apps": "0.0.13",
      "@types/file-saver": "^2.0.1",
      "@types/jasmine": "^3.6.5",
      "@types/jquery": "^3.5.1",
      "@types/jqueryui": "^1.12.10",
      "@types/node": "14.0.4",
      "@types/w3c-web-usb": "^1.0.4",
      "angular-mocks": "1.7.2",
      "angular-router-loader": "^0.8.5",
      "angular2-template-loader": "^0.6.2",
      "awesome-typescript-loader": "^5.2.1",
      "babel-loader": "^8.2.2",
      "bower": "1.8.8",
      "bower-art-resolver": "^2.0.0",
      "chai": "1.9.2",
      "clean-webpack-plugin": "^3.0.0",
      "copy-dir": "^0.3.0",
      "copy-webpack-plugin": "^5.1.1",
      "css-loader": "^3.4.2",
      "dts-bundle": "^0.7.3",
      "eslint": "^3.17.1",
      "eslint-loader": "^3.0.3",
      "exports-loader": "^0.6.4",
      "expose-loader": "^0.7.3",
      "extend": "^3.0.2",
      "extract-text-webpack-plugin": "^4.0.0-beta.0",
      "file-loader": "^5.0.2",
      "gettext-parser": "1.1.2",
      "html-loader": "^0.5.1",
      "html-webpack-plugin": "^3.2.0",
      "http-rewrite-middleware": "0.1.6",
      "husky": "^1.3.1",
      "imports-loader": "^0.7.1",
      "istanbul-instrumenter-loader": "^3.0.1",
      "jasmine-core": "^3.7.1",
      "jasmine-reporters": "^1.0.1",
      "karma": "^4.4.1",
      "karma-chrome-launcher": "^2.0.0",
      "karma-coverage": "^2.0.1",
      "karma-firefox-launcher": "^1.0.1",
      "karma-ie-launcher": "^1.0.0",
      "karma-jasmine": "^2.0.1",
      "karma-jasmine-html-reporter": "^1.5.4",
      "karma-junit-reporter": "^1.2.0",
      "karma-mocha": "^1.3.0",
      "karma-mocha-reporter": "^2.2.5",
      "karma-remap-coverage": "^0.1.5",
      "karma-sourcemap-loader": "^0.3.7",
      "karma-spec-reporter": "0.0.26",
      "karma-webpack": "^4.0.2",
      "lint-staged": "^8.1.5",
      "mini-css-extract-plugin": "^0.9.0",
      "mocha": "^7.0.1",
      "null-loader": "^0.1.1",
      "prettier": "^1.16.4",
      "script-loader": "^0.7.0",
      "shelljs": "^0.4.0",
      "sinon": "^6.1.4",
      "source-map-loader": "^0.2.4",
      "string-replace-loader": "^2.2.0",
      "ts-loader": "^8.0.2",
      "typescript": "~4.1.5",
      "url-loader": "^3.0.0",
      "webpack": "^4.44.2",
      "webpack-cli": "3.3.11",
      "webpack-crx": "^1.0.7",
      "webpack-dev-middleware": "^3.7.2",
      "webpack-dev-server": "^3.10.3",
      "yarn": "^1.12.3"
   }
}
polyfill.ts

import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es7/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';
import 'core-js/es7/reflect';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js';  // Run `npm install --save classlist.js`.

/** IE10 and IE11 requires the following to support `@angular/animation`. */
//import 'web-animations-js';  // Run `npm install --save web-animations-js`.
(window as any).__Zone_enable_cross_context_check = true;
import 'zone.js/dist/zone';
自动售货机

import 'zone.js';

import '@angular/animations';
import '@angular/common';
import '@angular/compiler';
import '@angular/core';
import '@angular/forms';
import '@angular/platform-browser';
import '@angular/router';
import 'jquery';
import 'filesaver.js'
import 'toastr';
import 'bootstrap';
import 'popper.js';
import '@ng-bootstrap/ng-bootstrap';
import 'rxjs';
import 'tslib';
webpack.config.ts

module.exports = function makeWebpackConfig() {
      entry: isTest ? void 0 : {
         "polyfills": ["./polyfills.ts"],
         'vendor': ['jquery', 'jquery-ui', 'fileSaver', 'toastr', 'bootstrapJS', 'popperJs', 'ngBootstrapJS'],
         'multimon-vendor': ['jquery'],
         'app-htmlaccess': './html5.ts',
         'extended-monitor': './shared/desktop/multimon/extended-page/extended-monitor.ts'
      },
      target: 'web',
      context: pathConfig.appSrc,
      output: isTest ? {} : {
         filename: '[name].[hash].js',
         publicPath: '',
         path: pathConfig.appBuild
      },
      optimization: {
         splitChunks: {
            name: true,
            cacheGroups: {
               //TODO: split the vendor module
               vendors: {
                  test: /[\\/]node_modules[\\/]/,
                  priority: -10,
                  name: 'vendor',
                  chunks: 'all'
               }
            }
         }
      },
      externals: isTest ? {} : {},
      module: {
         rules: [
            {
               enforce: "pre",
               test: /\.js$/,
               exclude: /node_modules|bower_components|\.html$|\.css$|wmks\.min\.js|wmks\.js/,
               loader: "eslint-loader",
            },
            {
               test: /\.(js|ts)$/,
               exclude: /(node_modules|bower_components|wmks\.min\.js|wmks\.js|\.(spec)\.ts$)/,
               loader: "@ngtools/webpack"
            },
            {
               // css loader
               test: /\.css$/,
               use: isTest ? 'null-loader' :
               [
                  {
                     loader: MiniCssExtractPlugin.loader,
                  },
                  'css-loader'
               ]
            },
            {
               test:'/\.js$/',
               exclude:/node_module/,
               use:[
                  {loader: 'babel-loader'}
               ],
            },
            {
               // image loader for html files
               test: /\.(jpg|png|svg|gif)$/,
               loader: isTest ? 'null-loader' : 'file-loader',
               options: {
                  name: 'icons-' + buildNum + '/[name].[ext]',
                  esModule: false,
               }
            },
            {
               loader: ['html-loader'],
               include: [
                  /\.html$/,
               ]
            },
            {
               test: /(wmks\.min\.js|wmks\.js)$/,
               loader: [
                  'imports-loader?this=>window',
                  'exports-loader?window.WMKS'
               ]
            },
            {
               test: /(jquery\.min\.js|jquery\.js)$/,
               use: [
                  {
                     loader: 'expose-loader',
                     options: 'jQuery'
                  },
                  {
                     loader: 'expose-loader',
                     options: '$'
                  }
               ]
            },
            {
               test: /about_dialog\.component\.html$/,
               loader: 'string-replace-loader',
               query: {
                  multiple: [
                     {
                        search: '__VDM_WEB_CLIENT_VERSION__',
                        replace: JSON.stringify(clientVersion)
                     },
                     {
                        search: '__BUILD_NUMBER__',
                        replace: JSON.stringify(buildNum)
                     },
                     {
                        search: '__MARKET_VERSION__',
                        replace: JSON.stringify(marketVersion)
                     }
                  ],
                  flags: 'g'
               }
            },
         ]
      },
      ......
}