vue.config.js
1.8 KB
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
/*
* @Description: 单页面vue.config.js
* @Date: 2021-11-04 11:02:45
* @LastEditTime: 2021-11-08 16:33:31
*/
const path = require('path');
function resolve(dir) {
return path.join(__dirname, dir);
}
// ====定义函数addStyleResource===
function addStyleResource(rule) {
rule
.use('style-resource')
.loader('style-resources-loader')
.options({
patterns: [path.resolve(__dirname, './src/assets/style/var.styl')],
});
}
module.exports = {
publicPath: './',
chainWebpack: (config) => {
config.resolve.alias
.set('@', resolve('./src'))
.set('assets', resolve('./src/assets'))
.set('constants', resolve('./src/constants'))
.set('utils', resolve('./src/utils'));
// 配置使用stylus全局变量
const types = ['vue-modules', 'vue', 'normal-modules', 'normal'];
types.forEach(type => addStyleResource(config.module.rule('stylus').oneOf(type)));
// 配置处理svg
const svgRule = config.module.rule('svg'); // 找到svg-loader
svgRule.uses.clear(); // 清除已有的loader, 如果不这样做会添加在此loader之后
svgRule.exclude.add(/node_modules/); // 正则匹配排除node_modules目录
svgRule // 添加svg新的loader处理
.test(/\.svg$/)
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId: 'icon-[name]',
});
// 修改images loader 添加svg处理
const imagesRule = config.module.rule('images');
imagesRule.exclude.add(resolve('src/assets/icons'));
config.module
.rule('images')
.test(/\.(png|jpe?g|gif|svg)(\?.*)?$/);
config.plugins.delete('named-chunks');
config.module
.rule('i18n')
.resourceQuery(/blockType=i18n/)
.type('javascript/auto')
.use('i18n')
.loader('@kazupon/vue-i18n-loader')
.end();
},
};