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': '#1890FF',
|
|||
|
'link-color': '#1890FF',
|
|||
|
'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
|
|||
|
}
|