yindongqi
d24052d24b
主要变更包括： 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. 代码格式优化和错误处理增强，提升构建和开发体验。
85 lines
2.9 KiB
JavaScript
85 lines
2.9 KiB
JavaScript
'use strict'
|
||
// Template version: 1.3.1
|
||
// see http://vuejs-templates.github.io/webpack for documentation.
|
||
|
||
const path = require('path')
|
||
|
||
module.exports = {
|
||
dev: {
|
||
env: require('./dev.env'),///
|
||
// Paths
|
||
assetsSubDirectory: 'static',
|
||
assetsPublicPath: '/',
|
||
proxyTable: {
|
||
'/api': {
|
||
// target: 'https://admins.jiangtang360.com/admin',
|
||
target: 'http://sz-test.shengzhevictor.com', //设置调用接口域名和端口号别忘了加http///请求的第三方接口
|
||
changeOrigin: true,///在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
|
||
pathRewrite: {
|
||
'^/api': '' //这里理解成用‘/api’代替target里面的地址，组件中我们调接口时直接用/api代替
|
||
// 比如我要调用'http://api-test.shengzhevictor.com/'，直接写‘/api/user/add’即可 代理后地址栏显示/
|
||
}
|
||
}
|
||
},
|
||
|
||
// Various Dev Server settings
|
||
host: 'localhost', // can be overwritten by process.env.HOST
|
||
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
|
||
autoOpenBrowser: false, ///运行项目后自启动
|
||
errorOverlay: true,
|
||
notifyOnErrors: true,
|
||
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
|
||
|
||
|
||
/**
|
||
* Source Maps
|
||
*/
|
||
|
||
// https://webpack.js.org/configuration/devtool/#development
|
||
devtool: 'eval-cheap-module-source-map',
|
||
|
||
// If you have problems debugging vue-files in devtools,
|
||
// set this to false - it *may* help
|
||
// https://vue-loader.vuejs.org/en/options.html#cachebusting
|
||
cacheBusting: true,
|
||
|
||
cssSourceMap: true,
|
||
// https: {
|
||
// key: fs.readFileSync(path.join(__dirname, './ssl/privatekey.pem')),
|
||
// cert: fs.readFileSync(path.join(__dirname, './ssl/certificate.pem')),
|
||
// },
|
||
},
|
||
|
||
build: {
|
||
// Template for index.html
|
||
index: path.resolve(__dirname, '../dist/index.html'),
|
||
|
||
// Paths
|
||
assetsRoot: path.resolve(__dirname, '../dist'),
|
||
assetsSubDirectory: 'static',
|
||
assetsPublicPath: '/',
|
||
|
||
/**
|
||
* Source Maps
|
||
*/
|
||
|
||
productionSourceMap: true,
|
||
// https://webpack.js.org/configuration/devtool/#production
|
||
devtool: 'source-map',
|
||
|
||
// Gzip off by default as many popular static hosts such as
|
||
// Surge or Netlify already gzip all static assets for you.
|
||
// Before setting to `true`, make sure to:
|
||
// npm install --save-dev compression-webpack-plugin
|
||
productionGzip: false,
|
||
productionGzipExtensions: ['js', 'css'],
|
||
|
||
// Run the build command with an extra argument to
|
||
// View the bundle analyzer report after build finishes:
|
||
// `npm run build --report`
|
||
// Set to `true` or `false` to always turn it on or off
|
||
bundleAnalyzerReport: process.env.npm_config_report
|
||
}
|
||
}
|
||
|