yindongqi
d050df6f21
主要变更包括： 1. 更新Babel配置，使用@babel/preset-env和@babel/plugin-transform-object-rest-spread。 2. 升级Webpack及相关插件，使用MiniCssExtractPlugin替代ExtractTextPlugin。 3. 更新package-lock.json和package.json，调整依赖版本。 4. 修改README.md，更新项目简介和环境要求。 5. 代码格式优化和错误处理增强，提升构建和开发体验。
98 lines
2.4 KiB
JavaScript
98 lines
2.4 KiB
JavaScript
'use strict'
|
|
const path = require('path')
|
|
const utils = require('./utils')
|
|
const config = require('../config')
|
|
const { VueLoaderPlugin } = require('vue-loader')
|
|
const webpack = require('webpack')
|
|
const Buffer = require('buffer').Buffer
|
|
const CopyWebpackPlugin = require('copy-webpack-plugin')
|
|
|
|
function resolve (dir) {
|
|
return path.join(__dirname, '..', dir)
|
|
}
|
|
|
|
|
|
|
|
module.exports = {
|
|
context: path.resolve(__dirname, '../'),
|
|
entry: {
|
|
app: './src/main.js'
|
|
},
|
|
output: {
|
|
path: config.build.assetsRoot,
|
|
filename: '[name].js',
|
|
publicPath: process.env.NODE_ENV === 'production'
|
|
? config.build.assetsPublicPath
|
|
: config.dev.assetsPublicPath,
|
|
clean: true
|
|
},
|
|
resolve: {
|
|
extensions: ['.js', '.vue', '.json'],
|
|
alias: {
|
|
'vue$': 'vue/dist/vue.esm.js',
|
|
'@': resolve('src'),
|
|
},
|
|
fallback: {
|
|
crypto: require.resolve('crypto-browserify'),
|
|
stream: require.resolve('stream-browserify'),
|
|
buffer: require.resolve('buffer/'),
|
|
vm: require.resolve('vm-browserify')
|
|
}
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.vue$/,
|
|
loader: 'vue-loader'
|
|
},
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /node_modules/,
|
|
loader: 'babel-loader',
|
|
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
|
|
},
|
|
{
|
|
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: 10000,
|
|
name: utils.assetsPath('img/[name].[hash:7].[ext]')
|
|
}
|
|
},
|
|
{
|
|
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: 10000,
|
|
name: utils.assetsPath('media/[name].[hash:7].[ext]')
|
|
}
|
|
},
|
|
{
|
|
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: 10000,
|
|
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
|
|
}
|
|
}
|
|
]
|
|
},
|
|
plugins: [
|
|
new VueLoaderPlugin(),
|
|
new webpack.ProvidePlugin({
|
|
process: 'process/browser',
|
|
Buffer: ['buffer', 'Buffer'],
|
|
})
|
|
]
|
|
// Node.js polyfills are no longer included by default in Webpack 5
|
|
// If needed, use resolve.fallback or providePlugin
|
|
// node: {
|
|
// setImmediate: false,
|
|
// dgram: 'empty',
|
|
// fs: 'empty',
|
|
// net: 'empty',
|
|
// tls: 'empty',
|
|
// child_process: 'empty'
|
|
// }
|
|
}
|