-
Notifications
You must be signed in to change notification settings - Fork 278
/
vue.config.js
96 lines (89 loc) · 3.17 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
const CopyPlugin = require('copy-webpack-plugin');
module.exports = {
pages: {
main: {
entry: 'src/js/enso.js',
minify: true,
filename: process.env.NODE_ENV === 'production'
? '../resources/views/index.blade.php'
: './index.html',
template: process.env.NODE_ENV === 'production'
? '../vendor/laravel-enso/core/stubs/production-index.blade.stub'
: '../vendor/laravel-enso/core/stubs/development-index.stub',
},
},
devServer: {
proxy: {
'/api': {
target: process.env.API_URL,
},
'/broadcasting': {
target: process.env.API_URL,
},
},
},
outputDir: '../public/',
configureWebpack: {
resolve: {
alias: {
'@core': `${__dirname}/node_modules/@enso-ui/ui/src`,
'@root': `${__dirname}/src/js`,
'@pages': `${__dirname}/src/js/pages`,
'@store': `${__dirname}/src/js/store`,
'@components': `${__dirname}/src/js/components`,
'@calendar': `${__dirname}/node_modules/@enso-ui/calendar/src/bulma`,
'@howTo': `${__dirname}/node_modules/@enso-ui/how-to/src/bulma`,
'@activityLog': `${__dirname}/node_modules/@enso-ui/activity-log/src/bulma`,
'@tutorials': `${__dirname}/node_modules/@enso-ui/tutorials/src/bulma`,
},
},
plugins: [
new CopyPlugin([{
from: '../resources/images',
to: 'images',
force: true,
folder: true,
}]),
],
},
chainWebpack: config => {
const scssRules = config.module.rule('scss').oneOfs;
const normalRule = scssRules.store.get('normal');
const lazyRule = config.module.rule('scss').oneOf('scss-lazy');
normalRule.uses.values().forEach(use => {
if (use.name !== 'vue-style-loader') {
lazyRule.use(use.name).merge(use.entries());
return;
}
lazyRule.use('style-loader')
.loader('style-loader')
.options({
injectType: 'lazyStyleTag',
insert: function insertAtTop(element) {
const parent = document.querySelector('head');
parent.insertBefore(element, parent.firstChild);
},
});
});
lazyRule.test(/\.lazy\.scss$/);
scssRules.store.delete('normal', 'scss-lazy');
scssRules.store.set('scss-lazy', lazyRule);
scssRules.store.set('normal', normalRule);
config.module
.rule('images')
.use('url-loader')
.tap(options => ({
...options, name: 'images/[name].[ext]',
}));
config.module
.rule('svg')
.use('file-loader')
.tap(options => ({
...options, name: 'images/[name].[ext]',
}));
},
productionSourceMap: false,
css: {
extract: false,
},
};