改成ES5打包

This commit is contained in:
yiqiuyang
2025-10-14 11:35:33 +08:00
parent 04f23de755
commit 0aecd99d65
3 changed files with 162 additions and 173 deletions

261
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -9,8 +9,8 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
"@babel/preset-env": "^7.28.3",
"axios": "0.21.0",
"core-js": "^3.8.3",
"echarts": "^5.4.3",
"element-ui": "2.9.2",
"file-saver": "^2.0.5",
@ -25,13 +25,15 @@
"vxe-table": "~3.18.9"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/core": "^7.28.4",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"babel-loader": "^10.0.0",
"core-js": "^3.46.0",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0",

View File

@ -1,46 +1,52 @@
const {defineConfig} = require('@vue/cli-service')
const postcssPxToViewport = require('postcss-px-to-viewport')
const path = require('path') // 需要引入 path 模块
const path = require('path')
module.exports = defineConfig({
publicPath: './',
transpileDependencies: false,
transpileDependencies: false, // 我们自己管,不让 CLI 插手
lintOnSave: false,
devServer: {
client: {
overlay: false,
},
},
configureWebpack: (config) => {
//调试JS
devServer: {client: {overlay: false}},
configureWebpack(config) {
// 调试
config.devtool = 'source-map'
config.resolve = {
alias: {
'@': path.resolve(__dirname, 'src'),
// 别名
config.resolve.alias['@'] = path.resolve(__dirname, 'src')
/* 1. 追加 ini 规则 */
config.module.rules.push({
test: /\.ini$/,
use: 'raw-loader',
})
/* 2. 追加 ES5 规则(只转 src不转 node_modules */
config.module.rules.push({
test: /\.js$/,
include: path.resolve(__dirname, 'src'),
use: {
loader: 'babel-loader',
options: {
presets: [
[
'@babel/preset-env',
{
targets: {ie: '11'}, // 强制 ES5
corejs: 3,
useBuiltIns: 'entry',
},
],
],
},
},
}
// 添加 .ini 文件处理规则
if (config.module && config.module.rules) {
config.module.rules.push({
test: /\.ini$/,
use: 'raw-loader'
})
} else {
config.module = {
rules: [
{
test: /\.ini$/,
use: 'raw-loader'
}
]
}
}
})
},
css: {
/* 你的 px-to-viewport 配置不动 */
loaderOptions: {
postcss: {
postcssOptions: {
// 增加这一层 postcssOptions
plugins: [
postcssPxToViewport({
unitToConvert: 'px',
@ -53,7 +59,7 @@ module.exports = defineConfig({
minPixelValue: 1,
mediaQuery: false,
replace: true,
exclude: /(\/|\\)(node_modules)(\/|\\)/,
exclude: /node_modules/,
include: [],
landscape: false,
}),