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
|
| const path = require("path");
| function resolve(dir) {
| return path.join(__dirname, dir);
| }
|
| module.exports = {
| publicPath: './',
| outputDir: process.env.VUE_APP_outputDir || 'dist',
| assetsDir: 'static',
| filenameHashing: true,
| lintOnSave: false,
| runtimeCompiler: false,
| transpileDependencies: [],
| productionSourceMap: false,
| css: {
| // 是否使用css分离插件 ExtractTextPlugin
| extract: process.env.NODE_ENV === "production" ? true : false,//是否将组件中的 CSS 提取至一个独立的 CSS 文件中 (而不是动态注入到 JavaScript 中的 inline 代码)。
| sourceMap: false,//是否为 CSS 开启 source map。设置为 true 之后可能会影响构建的性能。
| loaderOptions: {
| sass: {
| prependData: `@import "@/assets/css/variable.scss";`
| }
| },
| requireModuleExtension: true,
| },
|
| chainWebpack: (config) => {
| // 配置别名
| config.resolve.alias
| .set('@', resolve('src'))
| .set('assets', resolve('src/assets'))
| .set('assetsBig', resolve('src/pages/big-screen/assets'))
| .set('components', resolve('src/components'))
| .set('views', resolve('src/views'))
| .set('api', resolve('src/api'))
| .set('lib', resolve('src/lib'))
|
| if (process.env.NODE_ENV === "production") {
| // 删除系统默认的splitChunk
| config.optimization.delete("splitChunks");
| }
| // 删除预加载
| // // 移除 prefetch 插件
| // config.plugins.delete('prefetch-index')
| // // 移除 preload 插件
| // config.plugins.delete('preload-index');
| // config.optimization.minimizer('terser').tap((args) => {
| // // 去除生产环境console
| // args[0].terserOptions.compress.drop_console = true
| // return args
| // })
| },
| configureWebpack: config => {
| // 给输出的js名称添加hash
| config.output.filename = "static/js/[name].[hash].js";
| config.output.chunkFilename = "static/js/[name].[hash].js";
| config.optimization = {
| splitChunks: {
| cacheGroups: {
| // 抽离所有入口的公用资源为一个chunk
| common: {
| name: "chunk-common",
| chunks: "initial",
| minChunks: 2,
| maxInitialRequests: 5,
| minSize: 0,
| priority: 1,
| reuseExistingChunk: true,
| enforce: true
| },
| // 抽离node_modules下的库为一个chunk
| // vendors: {
| // name: "chunk-vendors",
| // test: /[\\/]node_modules[\\/]/,
| // chunks: "initial",
| // priority: 2,
| // reuseExistingChunk: true,
| // enforce: true
| // },
| element: {
| name: "chunk-element-ui",
| test: /[\\/]node_modules[\\/]element-ui[\\/]/,
| chunks: "all",
| priority: 3,
| reuseExistingChunk: true,
| enforce: true
| },
| yhhtUi: {
| name: "chunk-yhht-ui",
| test: /[\\/]node_modules[\\/]yhht-ui[\\/]/,
| chunks: "all",
| priority: 4,
| reuseExistingChunk: true,
| enforce: true
| },
| datav: {
| name: "chunk-datav",
| test: /[\\/]node_modules[\\/]@jiaminghi[\\/]data-view[\\/]/,
| chunks: "all",
| priority: 4,
| reuseExistingChunk: true,
| enforce: true
| },
| }
| }
| };
| },
| // 是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。
| parallel: require('os').cpus().length > 1,
|
| devServer: {
| // 配置多个代理
| host: '0.0.0.0',
| port: 8080,
| proxy: {
| '/': {
| target: 'http://192.168.40.80:12348/',
| pathRewrite: {
| '^/': ''
| },
| changeOrigin: true
| }
| }
|
| },
| pluginOptions: {
| }
| }
|
|
