@
li1218040201 我使用的 webpack 打包配置是这样的
webpack.config.js
```javascript
const path = require('path');
const { optimize } = require('webpack');
module.exports = {
entry: './src/index.js', // 你的入口文件
output: {
filename: 'bundle.js', // 输出文件名
path: path.resolve(__dirname, 'dist'), // 输出路径
},
optimization: {
// 禁用代码分割,确保所有模块打包到一个文件
splitChunks: {
cacheGroups: {
default: false, // 禁用默认的分割
},
},
},
target: ['web', 'es5'],
module: {
rules: [
{
test: /\.js$/, // 匹配所有 JS 文件
exclude: /node_modules/, // 排除 node_modules
use: {
loader: 'babel-loader', // 使用 Babel 转译
options: {
presets: [
[
'@babel/preset-env',
{
targets: '> 0.25%, not dead, ie 6', // 目标浏览器为 IE6
useBuiltIns: 'entry', // 使用 polyfills
corejs: 3.39, // 使用 Core-js 版本
},
],
],
plugins: [
'@babel/plugin-transform-arrow-functions', // 强制转译箭头函数
],
},
},
},
],
},
mode: 'development', // 可选:设置为 production 模式
// devtool: 'source-map', // 可选:启用 source-map 以便调试
};
```
.babelrc
```
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"ie": "6"
},
"useBuiltIns": "entry",
"corejs": 3.39
}
]
]
}
```