150 lines
4.6 KiB
JavaScript
150 lines
4.6 KiB
JavaScript
const path = require('path')
|
||
// eslint-disable-next-line quotes
|
||
const CompressionPlugin = require("compression-webpack-plugin")
|
||
|
||
function resolve(dir) {
|
||
return path.join(__dirname, dir)
|
||
}
|
||
|
||
// vue.config.js
|
||
module.exports = {
|
||
/*
|
||
Vue-cli3:
|
||
Crashed when using Webpack `import()` #2463
|
||
https://github.com/vuejs/vue-cli/issues/2463
|
||
配置文档
|
||
https://cli.vuejs.org/zh/config/
|
||
*/
|
||
// 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
|
||
productionSourceMap: false,
|
||
// 多入口配置
|
||
// pages: {
|
||
// index: {
|
||
// entry: 'src/main.js',
|
||
// template: 'public/index.html',
|
||
// filename: 'index.html',
|
||
// }
|
||
// },
|
||
pages: {
|
||
a: {
|
||
// page 的入口
|
||
entry: 'src/main.js',
|
||
// 模板来源
|
||
template: 'public/index.html',
|
||
// 在 dist/index.html 的输出
|
||
filename: 'a/index.html',
|
||
// 当使用 title 选项时，
|
||
// template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
|
||
title: '后台管理系统'
|
||
// 在这个页面中包含的块，默认情况下会包含
|
||
// 提取出来的通用 chunk 和 vendor chunk。
|
||
// chunks: ['chunk-vendors', 'chunk-common', 'index']
|
||
},
|
||
// 当使用只有入口的字符串格式时，
|
||
// 模板会被推导为 `public/subpage.html`
|
||
// 并且如果找不到的话，就回退到 `public/index.html`。
|
||
// 输出文件名会被推导为 `subpage.html`。
|
||
// phone: 'src/main_app.js'
|
||
index: {
|
||
// page 的入口
|
||
entry: 'src/main_gateway.js',
|
||
// 模板来源
|
||
template: 'public/gateway/index.html',
|
||
// 在 dist/index.html 的输出
|
||
filename: 'index.html',
|
||
// 当使用 title 选项时，
|
||
// template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
|
||
title: '农大国际部'
|
||
// 在这个页面中包含的块，默认情况下会包含
|
||
// 提取出来的通用 chunk 和 vendor chunk。
|
||
// chunks: ['chunk-vendors', 'chunk-common', 'index']
|
||
}
|
||
},
|
||
// 打包app时放开该配置
|
||
// publicPath: './',
|
||
configureWebpack: config => {
|
||
// 生产环境取消 console.log
|
||
if (process.env.NODE_ENV === 'production') {
|
||
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
|
||
}
|
||
},
|
||
chainWebpack: (config) => {
|
||
config.resolve.alias
|
||
.set('@$', resolve('src'))
|
||
.set('@api', resolve('src/api'))
|
||
.set('@assets', resolve('src/assets'))
|
||
.set('@comp', resolve('src/components'))
|
||
.set('@views', resolve('src/views'))
|
||
.set('@layout', resolve('src/layout'))
|
||
.set('@static', resolve('src/static'))
|
||
.set('@mobile', resolve('src/modules/mobile'))
|
||
|
||
// 生产环境，开启js\css压缩
|
||
if (process.env.NODE_ENV === 'production') {
|
||
config.plugin('compressionPlugin').use(new CompressionPlugin({
|
||
test: /\.(js|css|less)$/, // 匹配文件名
|
||
threshold: 10240, // 对超过10k的数据压缩
|
||
deleteOriginalAssets: false, // 不删除源文件
|
||
minRatio: 0.8, // 只有压缩率比这个值小的资源才会被处理
|
||
algorithm: 'gzip',
|
||
filename: '[path].gz[query]' // 目标资源名称
|
||
}))
|
||
}
|
||
|
||
// 配置 webpack 识别 markdown 为普通的文件
|
||
config.module
|
||
.rule('markdown')
|
||
.test(/\.md$/)
|
||
.use()
|
||
.loader('file-loader')
|
||
.end()
|
||
|
||
// 编译vxe-table包里的es6代码，解决IE11兼容问题
|
||
config.module
|
||
.rule('vxe')
|
||
.test(/\.js$/)
|
||
.include
|
||
.add(resolve('node_modules/vxe-table'))
|
||
.add(resolve('node_modules/vxe-table-plugin-antd'))
|
||
.end()
|
||
.use()
|
||
.loader('babel-loader')
|
||
.end()
|
||
},
|
||
|
||
css: {
|
||
loaderOptions: {
|
||
less: {
|
||
modifyVars: {
|
||
/* less 变量覆盖，用于自定义 ant design 主题 */
|
||
'primary-color': '#07a54d',
|
||
'link-color': '#07a54d',
|
||
'border-radius-base': '4px'
|
||
},
|
||
javascriptEnabled: true
|
||
}
|
||
}
|
||
},
|
||
|
||
devServer: {
|
||
port: 3001,
|
||
proxy: {
|
||
/* '/api': {
|
||
target: 'https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro', //mock API接口系统
|
||
ws: false,
|
||
changeOrigin: true,
|
||
pathRewrite: {
|
||
'/jeecg-boot': '' //默认所有请求都加了jeecg-boot前缀，需要去掉
|
||
}
|
||
}, */
|
||
'/jeecg-boot': {
|
||
target: 'http://localhost:8080', // 请求本地 需要jeecg-boot后台项目
|
||
ws: false,
|
||
changeOrigin: true
|
||
}
|
||
}
|
||
},
|
||
|
||
lintOnSave: undefined
|
||
}
|