1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
| "use strict";
| const path = require("path");
| const { version } = Math.floor(1); // 引入项目版本号
|
| function resolve(dir) {
| return path.join(__dirname, dir);
| }
|
| const CompressionPlugin = require("compression-webpack-plugin");
|
| const name = process.env.VUE_APP_TITLE || "若依管理系统"; // 网页标题
|
| const port = process.env.port || process.env.npm_config_port || 80; // 端口
|
| module.exports = {
| publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
| outputDir: "dist",
| assetsDir: "static",
| lintOnSave: process.env.NODE_ENV === "development",
| productionSourceMap: false,
| transpileDependencies: ["quill"],
| devServer: {
| host: "0.0.0.0",
| port: port,
| open: true,
| proxy: {
| [process.env.VUE_APP_BASE_API]: {
| target: `http://10.21.10.67:8088`, //本地
| // target: `http://192.168.18.50:7002`, //测试库
| changeOrigin: true,
| pathRewrite: {
| ["^" + process.env.VUE_APP_BASE_API]: "",
| },
| },
| },
| disableHostCheck: true,
| headers: {
| "Cache-Control": "no-cache, no-store, must-revalidate",
| Pragma: "no-cache",
| Expires: 0,
| },
| },
| css: {
| loaderOptions: {
| sass: {
| sassOptions: { outputStyle: "expanded" },
| },
| },
| },
| configureWebpack: {
| name: name,
| cache: false,
| output: {
| hashDigestLength: 8, // 调整哈希长度
| },
| resolve: {
| alias: {
| "@": resolve("src"),
| },
| },
| module: {
| rules: [
| {
| test: /\.worker\.js$/,
| use: {
| loader: "worker-loader",
| options: {
| inline: "fallback",
| filename: `[name].[contenthash:8].worker.js?v=${version}`, // 添加版本号作为查询参数
| },
| },
| },
| ],
| },
| plugins: [
| new CompressionPlugin({
| cache: false,
| test: /\.(js|css|html|jpe?g|png|gif|svg)?$/i,
| filename: "[path][base].gz[query]",
| algorithm: "gzip",
| minRatio: 0.8,
| deleteOriginalAssets: false,
| }),
| ],
| },
| chainWebpack(config) {
| config.plugins.delete("preload");
| config.plugins.delete("prefetch");
|
| config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
| config.module
| .rule("icons")
| .test(/\.svg$/)
| .include.add(resolve("src/assets/icons"))
| .end()
| .use("svg-sprite-loader")
| .loader("svg-sprite-loader")
| .options({
| symbolId: "icon-[name]",
| })
| .end();
|
| config.when(process.env.NODE_ENV !== "development", (config) => {
| config
| .plugin("ScriptExtHtmlWebpackPlugin")
| .after("html")
| .use("script-ext-html-webpack-plugin", [
| {
| inline: /runtime\..*\.js$/,
| },
| ])
| .end();
|
| config.optimization.splitChunks({
| chunks: "all",
| cacheGroups: {
| libs: {
| name: "chunk-libs",
| test: /[\\/]node_modules[\\/]/,
| priority: 10,
| chunks: "initial",
| },
| elementUI: {
| name: "chunk-elementUI",
| test: /[\\/]node_modules[\\/]_?element-ui(.*)/,
| priority: 20,
| },
| commons: {
| name: "chunk-commons",
| test: resolve("src/components"),
| minChunks: 3,
| priority: 5,
| reuseExistingChunk: true,
| },
| },
| });
| config.optimization.runtimeChunk("single");
| });
| },
| };
|
|
