-
Notifications
You must be signed in to change notification settings - Fork 1
/
vue.config.js
115 lines (101 loc) · 2.82 KB
/
vue.config.js
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
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ZipWebpackPlugin = require('zip-webpack-plugin');
const path = require('path');
const packageInfo = require('./package.json');
const productionMode = process.env.NODE_ENV === 'production';
const appName = process.env.VUE_APP_NAME || 'chrome';
const zipMode = process.env.VUE_APP_BUILD === 'zip';
// Generate pages object
const pages = {};
const modulesName = ['popup', 'options', 'background', 'selection', 'generation'];
modulesName.forEach(name => {
pages[name] = {
entry: `src/${name}/index.ts`,
template: path.resolve(`src/${name}/index.html`),
filename: `${name}.html`,
chunks: ['chunk-vendors', 'chunk-common', name],
};
if (name === 'background') {
pages[name].chunks.push('gloria-utils');
}
});
let outputDir = '';
let copyFiles = [];
const folderName = productionMode ? 'build' : 'dist';
const fileName = productionMode ? 'production' : 'development';
outputDir = `${folderName}/${appName}`;
copyFiles = [
{
from: path.resolve(`src/manifest/${appName}/manifest.${fileName}.json`),
to: `${path.resolve(folderName)}/${appName}/manifest.json`,
},
];
copyFiles.push({
from: path.resolve('src/assets'),
to: path.resolve(outputDir),
});
process.env.VUE_APP_VERSION = productionMode ? packageInfo.version : packageInfo.version + ' (Dev)';
module.exports = {
outputDir,
filenameHashing: false,
lintOnSave: 'warning',
pages,
productionSourceMap: false,
configureWebpack: config => {
config.plugins.push(
new CopyWebpackPlugin({
patterns: copyFiles,
})
);
if (productionMode) {
Object.assign(config.optimization.minimizer[0].options.terserOptions.compress, {
warnings: false,
drop_console: true,
drop_debugger: true,
pure_funcs: ['console.log'],
});
config.optimization.splitChunks = {
cacheGroups: {
'gloria-utils': {
chunks: 'initial',
name: 'gloria-utils',
test: /[\\/]node_modules[\\/]gloria-utils[\\/]/,
priority: -10,
},
},
};
}
if (zipMode) {
config.plugins.push(
new ZipWebpackPlugin({
path: path.resolve('archive'),
filename: `${packageInfo.name}_${appName}_v${packageInfo.version}.zip`,
})
);
}
config.resolve.alias = {
'@': path.resolve('src'),
};
// 关闭 webpack 的性能提示
config.performance = {
hints: false,
};
},
css: {
sourceMap: false,
loaderOptions: {
sass: {
// additionalData: `@import "~@/scss/index.scss"`,
sassOptions: {
fiber: false,
},
},
scss: {
// additionalData: `@import "~@/scss/index.scss";`,
sassOptions: {
fiber: false,
},
},
},
},
};