Javascript 网页包供应商库未转换为ES5
各位: 我的网页包不会将供应商中的内容转换为ES5。但所有其他文件都转换为ES5(包括编写的组件) 我尝试了一些更改,包括修改polyfill.ts/tsconfig,添加babel。它从来都不起作用 我目前的配置如下: package.jsonJavascript 网页包供应商库未转换为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
{
"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'
}
},
]
},
......
}