UDI
/
udi-spms-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev2.0' into dev2.0

Browse Source
test
anthonywj 1 year ago
parent a6663be10b 9c038ccc3e
commit 9500470cd2
9 changed files with 531 additions and 92 deletions
Show Stats Download Patch File Download Diff File

59
src/App.vue
Unescape Escape View File

@ -1,6 +1,7 @@
<template>
<div id="app">
<router-view />
<el-backtop target="#app"></el-backtop>
</div>
</template>
@ -17,9 +18,65 @@ export default {
}
}
</script>
<style>
/* 滚动条样式 */
::-webkit-scrollbar {
width: 10px; /* 滚动条宽度 */
height: 10px; /* 滚动条高度 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
background-color: #f5f5f5; /* 滚动条轨道颜色 */
border-radius: 25px; /* 滚动条轨道圆角 */
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background-color: #888; /* 滚动条滑块颜色 */
border-radius: 25px; /* 滚动条轨道圆角 */
}
/* 鼠标悬停时滚动条滑块颜色 */
::-webkit-scrollbar-thumb:hover {
background-color: #555; /* 鼠标悬停时滚动条滑块颜色 */
}
.width-full{
width: 100%;
}
.height-full{
height: 100%;
}
.mt15{
margin-top: 15px;
}
.p0{
padding: 0;
}
.p10{
padding: 10px;
}
.m0{
margin: 0;
}
.el-card__header{
padding: 0;
}
.el-table__body-wrapper{
}
.d-block{
display: block;
}
</style>
<style lang="scss">
//tabel样式优化
.el-table th.gutter {
display: table-cell !important;
}
</style>
</style>

10
src/api/system/sysMsgTodoApi.js
Unescape Escape View File

@ -0,0 +1,10 @@
import request from '@/utils/request'
export function sysMsgTodoPage(query) {
return request({
url: '/spms/sysMsgTodo/page',
method: 'POST',
data: query
})
}

1
src/assets/svg/已对照产品.svg
Unescape Escape View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1700041612651" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4572" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M887.466667 627.2c-2.133333 0-2.133333 0 0 0-6.4-4.266667-12.8-10.666667-12.8-19.2V192c0-12.8-8.533333-21.333333-21.333334-21.333333h-177.066666c-38.4 0-72.533333-25.6-83.2-64-10.666667-40.533333-46.933333-66.133333-87.466667-64-36.266667 2.133333-66.133333 29.866667-76.8 66.133333C418.133333 145.066667 384 170.666667 347.733333 170.666667H170.666667c-12.8 0-21.333333 8.533333-21.333334 21.333333v768c0 12.8 8.533333 21.333333 21.333334 21.333333h352c8.533333 0 14.933333 4.266667 19.2 10.666667 6.4 14.933333-2.133333 29.866667-19.2 29.866667H170.666667c-36.266667 0-64-27.733333-64-64V192c0-36.266667 27.733333-64 64-64h177.066666c19.2 0 36.266667-12.8 40.533334-32 14.933333-55.466667 64-96 123.733333-96s108.8 40.533333 123.733333 96c4.266667 19.2 21.333333 32 40.533334 32H853.333333c36.266667 0 64 27.733333 64 64v416c0 14.933333-17.066667 25.6-29.866666 19.2zM256 746.666667h256c14.933333 0 25.6 14.933333 19.2 29.866666-2.133333 8.533333-10.666667 12.8-19.2 12.8H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333z m0-192h426.666667c12.8 0 21.333333 8.533333 21.333333 21.333333s-8.533333 21.333333-21.333333 21.333333H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333zM469.333333 170.666667c-12.8 0-21.333333-8.533333-21.333333-21.333334s8.533333-21.333333 21.333333-21.333333h85.333334c12.8 0 21.333333 8.533333 21.333333 21.333333s-8.533333 21.333333-21.333333 21.333334h-85.333334z m320 213.333333c0 12.8-8.533333 21.333333-21.333333 21.333333H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333h512c10.666667 0 21.333333 8.533333 21.333333 21.333333z m-134.4 490.666667l64 61.866666 162.133334-162.133333c8.533333-8.533333 21.333333-8.533333 29.866666 0 8.533333 8.533333 8.533333 21.333333 0 29.866667l-192 192-93.866666-91.733334c-8.533333-8.533333-8.533333-21.333333 0-29.866666 8.533333-8.533333 21.333333-8.533333 29.866666 0z" fill="#409EFF" p-id="4573"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

1
src/assets/svg/库存预警.svg
Unescape Escape View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1700041424195" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18284" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M453.030445 733.571375l117.7938 0 0 117.7938-117.7938 0L453.030445 733.571375zM486.377948 674.67601l57.674561 0 26.770713-294.485011-117.7938 0L486.377948 674.67601zM996.086765 969.130322l0 0.029676-966.975239 0c-15.247262 0-27.608801-12.361539-27.608801-27.608801 0-5.248537 1.465374-10.155291 4.00829-14.332427l-0.064468 0 480.603943-854.407464c3.911076-10.494005 14.020318-17.971303 25.877367-17.971303 11.857049 0 21.966291 7.477298 25.877367 17.971303l480.013495 853.358575c2.955308 4.396123 4.680603 9.68764 4.680603 15.381315C1022.497275 956.395276 1010.778372 968.500988 996.086765 969.130322zM976.214159 931.340647l-464.285279-825.515437-464.3477 825.515437L976.214159 931.340647z" fill="#fd1403" p-id="18285"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
src/assets/svg/资质预警.svg
Unescape Escape View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1700041341581" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16800" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M438.272 546.05824v83.968h119.45984c48.0256-69.2224 128.04096-115.17952 218.9312-115.17952h6.8608V176.59904s-90.89024-3.97312-192.63488-43.13088c-101.1712-39.7312-167.48544-84.56192-175.5136-90.23488L411.97568 40.96l-2.8672 1.69984c-2.84672 1.69984-70.8608 48.80384-176.04608 90.23488C131.2768 173.19936 40.96 176.59904 40.96 176.59904v405.77024c0 84.5824 21.15584 171.39712 114.8928 257.08544 82.90304 75.48928 216.6784 137.91232 256.1024 137.91232 19.456 0 78.88896-22.71232 140.63616-56.75008-26.86976-42.57792-41.73824-91.38176-41.73824-141.88544 0-32.91136 6.28736-64.12288 17.16224-93.06112H207.872v-56.19712h67.46112v-147.5584h56.60672v146.98496h49.152V392.25344h56.58624v99.328h119.48032v53.90336l-118.90688 0.57344z m20.56192-207.1552h-93.75744l-138.32192 125.41952-37.74464-41.984 153.78432-140.1856h135.4752l157.77792 141.312-38.87104 41.43104-138.3424-125.99296z m318.40256 235.52c-113.74592 0-205.78304 91.38176-205.78304 204.30848C571.45344 891.6992 663.49056 983.04 777.216 983.04 891.00288 983.04 983.04 891.67872 983.04 778.73152c0-112.92672-92.03712-204.30848-205.80352-204.30848z m107.47904 175.37024l-110.8992 110.65344c-5.14048 5.12-12.57472 7.94624-19.43552 7.94624h-1.14688c-6.8608 0-14.29504-2.82624-19.43552-7.94624l-1.14688-1.1264-64.02048-61.8496c-10.8544-10.79296-10.28096-28.95872 1.14688-40.30464s29.71648-11.91936 40.59136-1.1264l43.43808 40.8576 89.74336-89.088c10.8544-10.79296 29.16352-10.24 40.59136 1.1264 11.42784 11.91936 12.00128 30.06464 0.57344 40.8576z" fill="#fd1403" p-id="16801"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

6
src/layout/components/AppMain.vue
Unescape Escape View File

@ -29,10 +29,10 @@ export default {
<style lang="scss" scoped>
.app-main {
/* 50= navbar 50 */
min-height: calc(100vh - 50px);
height: calc(100vh - 50px);
width: 100%;
position: relative;
overflow: hidden;
overflow: auto;
}
.fixed-header + .app-main {
@ -42,7 +42,7 @@ export default {
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 84px);
height: calc(100vh - 84px);
}
.fixed-header + .app-main {

385
src/views/index.vue
Unescape Escape View File

@ -1,34 +1,395 @@
<template>
<div class="app-container home">
<el-row :gutter="20">
<el-col :sm="24" :lg="12" style="padding-left: 20px">
<h2>欢迎使用供应商自助管理系统</h2>
<div>
<h2>欢迎使用供应商自助管理系统</h2>
<el-divider/>
</div>
<!-- 分割线 -->
<div class="mt10 grid-container grid-container3" style="height: 15%">
<el-card class="grid-item" body-style="padding:0px;height:100%">
<el-row>
<div class="height-full fl center ml20" style="width: 30%">
<el-image style="border-radius: 4%;width: 80%;height: 80%"
:src="productSvg">
<div slot="placeholder" class="image-slot">
加载中<span class="dot">...</span>
</div>
</el-image>
</div>
<div class="height-full fr center mr20">
<span class="header d-block">
已对照产品
</span>
<span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">
{{ productCount }}
</span>
</div>
</el-row>
</el-card>
</el-col>
</el-row>
<el-divider/>
<el-card class="grid-item" body-style="padding:0px;height:100%">
<el-row>
<div class="height-full fl center ml20" style="width: 30%">
<el-image style="border-radius: 4%;width: 80%;height: 80%"
:src="invSvg">
<div slot="placeholder" class="image-slot">
加载中<span class="dot">...</span>
</div>
</el-image>
</div>
<div class="height-full fr center mr20">
<span class="header d-block">
库存预警
</span>
<span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#ef5c3b'}">
{{ invMsgCount }}
</span>
</div>
</el-row>
</el-card>
<el-card class="grid-item" body-style="padding:0px;height:100%">
<el-row>
<div class="height-full fl center ml20" style="width: 30%">
<el-image style="border-radius: 4%;width: 80%;height: 80%"
:src="certSvg">
<div slot="placeholder" class="image-slot">
加载中<span class="dot">...</span>
</div>
</el-image>
</div>
<div class="height-full fr center mr20">
<span class="header d-block">
资质预警
</span>
<span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#ef5c3b'}">
{{ invMsgCount }}
</span>
</div>
</el-row>
</el-card>
</div>
<!-- 分割线 -->
<div class="m0 grid-container grid-container2" style="height: calc(40%);margin-top: 10px">
<el-card class="grid-item" body-style="padding:0px;height:100%">
<div slot="header" class="header">
<el-icon class="el-icon-s-management"/>
待办事项{{ `(${todoCount}条)` }}
<div class="fr">
<el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList">
<el-icon class="el-icon-refresh"/>
重新加载
</el-button>
<el-button type="text" style="font-size: 15px;color: unset"
@click.stop="linkPage('/pur/auditDelivery')">
更多
<el-icon class="el-icon-d-arrow-right"/>
</el-button>
</div>
</div>
<el-table
v-loading="msgLoading"
:data="msgList"
height="calc(100% - 45px)"
stripe
style="">
<el-table-column
type="index"
label="序号"
width="50"/>
<el-table-column
label="消息编码"
prop="code"
width="120"/>
<el-table-column
label="消息类型"
prop="msgTypeName"
width="120"/>
<el-table-column
label="消息内容"
prop="msgContent"
width="280"/>
<el-table-column
label="处理状态"
prop="dealStatus"
width="120"/>
<el-table-column
label="创建时间"
prop="createTime"
width="140"/>
<el-table-column label="操作" width="80" fixed="right">
<template slot-scope="scope">
<el-button
type="text"
@click="linkPage('/pur/auditDelivery')"
>处理
</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
<el-card class="grid-item" body-style="padding:0px;height:100%">
<div slot="header" class="header">
<el-icon class="el-icon-s-platform"/>
审核送货单{{ `(${orderTotal}条)` }}
<div class="fr">
<el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList">
<el-icon class="el-icon-refresh"/>
重新加载
</el-button>
<el-button type="text" style="font-size: 15px;color: unset"
@click="linkPage('/pur/auditDelivery')">更多
<el-icon class="el-icon-d-arrow-right"/>
</el-button>
</div>
</div>
<el-table
v-loading="orderLoading"
:data="orderList"
height="calc(100% - 45px)"
stripe>
<el-table-column
type="index"
label="序号"
width="50"/>
<el-table-column label="送货单号" prop="billNo" width="180"/>
<el-table-column label="单据类型" prop="billTypeName" width="150"/>
<el-table-column label="送货单位" prop="fromName" width="220"/>
<el-table-column label="创建时间" prop="createTime" width="150"/>
<el-table-column label="核对时间" prop="checkTime" width="150"/>
<el-table-column label="采购部门" prop="deptName" width="120">
</el-table-column>
<el-table-column label="收货仓库" prop="invName" width="120">
</el-table-column>
<el-table-column label="核对人" prop="checkUserName" width="120">
</el-table-column>
<el-table-column label="来源单号" prop="corpOrderId" width="180"/>
<!-- <el-table-column label="来源" prop="fromType" width="120">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ fromTypeMap[scope.row.fromType] }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="审核状态" prop="status" width="100">-->
<!-- <template slot-scope="scope">-->
<!-- <el-tag :type="statusFilterType(scope.row.status)">{{-->
<!-- checkStatus[scope.row.status]-->
<!-- }}-->
<!-- </el-tag>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="备注" prop="remark" width="180"/>
<el-table-column label="操作" width="80" fixed="right">
<template slot-scope="scope">
<el-button
type="text"
@click="linkPage('/pur/auditDelivery')"
>处理
</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
</div>
</template>
<script>
import {getOrderList} from "../api/inout/order";
import {sysMsgTodoPage} from "../api/system/sysMsgTodoApi";
import productSvg from "@/assets/svg/已对照产品.svg"
import invSvg from "@/assets/svg/库存预警.svg"
import certSvg from "@/assets/svg/资质预警.svg"
import {getInvRemindMsgList} from "../api/system/invRemindMsg";
import {getUdiInfos} from "../api/basic/udiRelevance";
import {getSupCertRemindMsgList} from "../api/purchase/supCertRedmindMsg";
export default {
name: "Index",
data() {
return {
// 版本号
version: "4.3.0",
productSvg: productSvg,
invSvg: invSvg,
certSvg: certSvg,
productCount: 0,
invMsgCount: 0,
certMsgCount: 0,
// 待办==================================================
msgLoading: false,
todoCount: 0,
msgList: [],
// =======================================================================
// 单据==================================================
orderLoading: false,
orderTotal: 0,
orderList: [],
// =======================================================================
};
},
created() {
this.getProductCount()
this.getInvMsgCount()
this.getCertMsgCount()
this.getSysMsgTodoList()
this.getOrderList()
},
methods: {
goTarget(href) {
window.open(href, "_blank");
getProductCount() {
let param = {
page: 1,
limit: 1,
addType: 1,
filterType: 1
}
getUdiInfos(param).then(res => {
this.productCount = res.data?.total || 0
})
},
getInvMsgCount() {
let param = {
page: 1,
limit: 1,
status: 1,
ignoreStatus: 0
}
getInvRemindMsgList(param).then(res => {
this.invMsgCount = res.data?.total || 0
})
},
getCertMsgCount() {
let param = {
page: 1,
limit: 1,
status: 1,
ignoreStatus: 0
}
getSupCertRemindMsgList(param).then(res => {
this.certMsgCount = res.data?.total || 0
})
},
linkPage(path) {
this.$router.push({path})
},
getSysMsgTodoList() {
this.msgLoading = true
let msgQuery = {
page: 1,
limit: 5
}
sysMsgTodoPage(msgQuery).then(res => {
this.msgLoading = false
if (res.code != 20000) {
this.$message.error(res.message())
return
}
this.msgList = res.data.list || []
this.todoCount = res.data.total || 0
}).catch(e => {
this.$message.error(e.message)
this.msgLoading = false
this.msgList = []
this.todoCount = 0
})
},
getOrderList() {
this.orderLoading = true
let orderQuery = {
page: 1,
limit: 5,
status: 10,
vueType: "supDelivery",
}
getOrderList(orderQuery)
.then((res) => {
this.orderLoading = false;
if (res.code === 20000) {
this.orderList = res.data.list || [];
this.orderTotal = res.data.total || 0;
} else {
this.$message.error(res.message);
}
})
.catch((error) => {
this.$message.error(error.message)
this.orderLoading = false;
this.orderList = [];
this.orderTotal = 0;
});
}
},
};
</script>
<style scoped lang="scss">
.center {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.el-row .el-card {
margin: 0;
.el-card__body {
padding: 0 !important;
}
}
.grid-item {
height: 100%;
padding: 15px;
.el-row, .el-col {
height: 100%;
}
.header {
color: #676a6c;
font-size: 20px;
font-weight: bolder;
}
.el-table {
margin-top: 10px;
width: 100%;
}
}
.grid-container {
height: inherit;
display: grid;
grid-gap: 10px;
.el-card {
margin: 0;
}
}
.grid-container1 {
grid-template-columns: repeat(1, 1fr);
}
.grid-container2 {
grid-template-columns: repeat(2, 1fr);
}
.grid-container3 {
grid-template-columns: repeat(3, 1fr);
}
.grid-container4 {
grid-template-columns: repeat(4, 1fr);
}
.home {
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
@ -52,6 +413,7 @@ export default {
margin: 0;
}
height: calc(100%);
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #676a6c;
@ -68,7 +430,8 @@ export default {
h2 {
margin-top: 10px;
font-size: 26px;
font-weight: 100;
color: #000610;
font-weight: bolder;
}
p {

1
src/views/myLogin.vue
Unescape Escape View File

@ -11,6 +11,7 @@
</el-row>
</div>
<el-form
@submit.native.prevent
class="card-box login-form"
autocomplete="on"
:model="ruleForm"

159
vue.config.js
Unescape Escape View File

@ -1,15 +1,15 @@
"use strict";
const path = require("path");
/* 忽略忽略 */
'use strict'
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir);
return path.join(__dirname, dir)
}
const CompressionPlugin = require("compression-webpack-plugin");
const CompressionPlugin = require('compression-webpack-plugin')
const name = process.env.VUE_APP_TITLE || "UDI自助平台"; // 网页标题
const name = process.env.VUE_APP_TITLE || 'UDI自助平台' // 网页标题
const port = process.env.port || process.env.npm_config_port || 80; // 端口
const port = process.env.port || process.env.npm_config_port || 84 // 端口
// vue.config.js 配置说明
//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
@ -20,16 +20,16 @@ module.exports = {
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
publicPath: process.env.VUE_APP_CONTEXT_PATH,
// 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
outputDir: "UDI_SPMS_CLIENT",
outputDir: 'UDI_SPMS_CLIENT',
// 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
assetsDir: "static",
assetsDir: 'static',
// 是否开启eslint保存检测，有效值：ture | false | 'error'
lintOnSave: process.env.NODE_ENV === "development",
lintOnSave: process.env.NODE_ENV === 'development',
// 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
productionSourceMap: false,
// webpack-dev-server 相关配置
devServer: {
host: "0.0.0.0",
host: '0.0.0.0',
port: port,
open: false,
proxy: {
@ -38,94 +38,99 @@ module.exports = {
target: process.env.VUE_APP_BASE_API,
changeOrigin: true,
pathRewrite: {
["^" + process.env.VUE_APP_BASE_API]: "",
},
},
['^' + process.env.VUE_APP_BASE_API]: ''
}
}
},
disableHostCheck: true,
disableHostCheck: true
},
css: {
loaderOptions: {
sass: {
sassOptions: { outputStyle: "expanded" },
},
},
sassOptions: {outputStyle: "expanded"}
}
}
},
configureWebpack: {
name: name,
resolve: {
alias: {
"@": resolve("src"),
},
'@': resolve('src')
}
},
plugins: [
// http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件
new CompressionPlugin({
cache: false, // 不启用文件缓存
test: /\.(js|css|html)?$/i, // 压缩文件格式
filename: "[path].gz[query]", // 压缩后的文件名
algorithm: "gzip", // 使用gzip压缩
minRatio: 0.8, // 压缩率小于1才会压缩
}),
cache: false, // 不启用文件缓存
test: /\.(js|css|html)?$/i, // 压缩文件格式
filename: '[path].gz[query]', // 压缩后的文件名
algorithm: 'gzip', // 使用gzip压缩
minRatio: 0.8 // 压缩率小于1才会压缩
})
],
},
chainWebpack(config) {
config.plugins.delete("preload"); // TODO: need test
config.plugins.delete("prefetch"); // TODO: need test
config.plugins.delete('preload') // TODO: need test
config.plugins.delete('prefetch') // TODO: need test
// set svg-sprite-loader
config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
config.module
.rule("icons")
.rule('svg')
.exclude.add(resolve('src/assets/icons'))
.end()
config.module
.rule('icons')
.test(/\.svg$/)
.include.add(resolve("src/assets/icons"))
.include.add(resolve('src/assets/icons'))
.end()
.use("svg-sprite-loader")
.loader("svg-sprite-loader")
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId: "icon-[name]",
symbolId: 'icon-[name]'
})
.end();
.end()
config.when(process.env.NODE_ENV !== "development", (config) => {
config
.plugin("ScriptExtHtmlWebpackPlugin")
.after("html")
.use("script-ext-html-webpack-plugin", [
{
// `runtime` must same as runtimeChunk name. default is `runtime`
inline: /runtime\..*\.js$/,
},
])
.end();
config.optimization.splitChunks({
chunks: "all",
cacheGroups: {
libs: {
name: "chunk-libs",
test: /[\\/]node_modules[\\/]/,
priority: 10,
chunks: "initial", // only package third parties that are initially dependent
},
elementUI: {
name: "chunk-elementUI", // split elementUI into a single package
priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
},
commons: {
name: "chunk-commons",
test: resolve("src/components"), // can customize your rules
minChunks: 3, // minimum common number
priority: 5,
reuseExistingChunk: true,
},
},
});
config.optimization.runtimeChunk("single"),
{
from: path.resolve(__dirname, "./public/robots.txt"), //防爬虫文件
to: "./", //到根目录下
};
});
},
};
config
.when(process.env.NODE_ENV !== 'development',
config => {
config
.plugin('ScriptExtHtmlWebpackPlugin')
.after('html')
.use('script-ext-html-webpack-plugin', [{
// `runtime` must same as runtimeChunk name. default is `runtime`
inline: /runtime\..*\.js$/
}])
.end()
config
.optimization.splitChunks({
chunks: 'all',
cacheGroups: {
libs: {
name: 'chunk-libs',
test: /[\\/]node_modules[\\/]/,
priority: 10,
chunks: 'initial' // only package third parties that are initially dependent
},
elementUI: {
name: 'chunk-elementUI', // split elementUI into a single package
priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
},
commons: {
name: 'chunk-commons',
test: resolve('src/components'), // can customize your rules
minChunks: 3, // minimum common number
priority: 5,
reuseExistingChunk: true
}
}
})
config.optimization.runtimeChunk('single'),
{
from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
to: './' //到根目录下
}
}
)
}
}

Write Preview
Loading…
Cancel
Save