/
gridsome.config.js
50 lines (46 loc) · 1.32 KB
/
gridsome.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
const path = require('path')
function addStyleResource (rule) {
rule.use('style-resource')
.loader('style-resources-loader')
.options({
patterns: [
path.resolve(__dirname, './src/assets/sass/_globals.sass'),
// or if you use scss
path.resolve(__dirname, './src/assets/sass/_globals.scss'),
// you can also use a glob if you'd prefer
path.resolve(__dirname, './src/assets/sass/*.sass'),
// or scss
path.resolve(__dirname, './src/assets/sass/*.scss'),
path.resolve(__dirname, './src/components/*.vue'),
],
})
}
module.exports = {
siteName: 'David Li Portoflio Site',
siteUrl: 'https://friendlyuser.github.io',
pathPrefix: '/personalWebsite2020',
templates: {
GithubProject: '/project/:name/',
Post: '/blog/:name/'
},
plugins: [
{
use: '@gridsome/source-filesystem',
options: {
path: 'blog/**/*.md',
typeName: 'Post'
}
}
],
chainWebpack: config => {
// Load variables for all vue-files
const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
types.forEach(type => {
addStyleResource(config.module.rule('sass').oneOf(type))
})
// or if you use scss
types.forEach(type => {
addStyleResource(config.module.rule('scss').oneOf(type))
})
}
}