vue-apollo-graphql/webpack.config.js at master · geekox86/vue-apollo-graphql · GitHub

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
const toConfig = require('./webpack')

const root = __dirname
const input = 'codes'
const output = 'builds'
const assets = {
  // data: /\.json$/,
  fonts: /\.(eot|otf|ttf|woff|woff2|svg)$/,
  images: /\.(gif|jpg|jpeg|png)$/,
  audio: /\.(aac|m4a|mp3|oga|wav|webm)$/,
  video: /\.mp4$/
}
const entries = [
  {
    filename: 'client.ts',
    target: 'web',
    engines: 'ie 11, chrome 72',
    modules: false,
    externals: false,
    transpileExternals: [
      'resize-detector',
      'vue-echarts',
      'vuetify'
    ],
    // node: {},
    html: 'template.html',
    babel: true,
    typescript: true,
    vue: true,
    vuetify: true,
    css: true, // 'globals.css',
    postcss: true,
    tailwindcss: false,
    sass: true,
    less: false,
    stylus: false,
    extractCss: 'chunk', // 'chunk', // 'entry',
    minify: false,
    hash: true,
    cache: false,
    // optimization: {},
    // performance: {},
    // stats: {},
    dev: 'server', // 'watch',
    // watchOptions: {},
    // miscOptions: { profile: true }
  }
]

module.exports = (_, { mode }) => {
  if (!mode) {
    mode = 'development'
  }

  return entries.map((entry) => toConfig({
    mode,
    root,
    input,
    output,
    assets,
    ...entry
  }))
}