Как сделать так, чтобы и vue.config.js, и babel.config.js работали вместе? - PullRequest
Новая
       30

Как сделать так, чтобы и vue.config.js, и babel.config.js работали вместе?

0 голосов
/ 26 июня 2019

Добавив также vue.config.js рядом с моим babel.config.js, я понял, что код больше не переносится в ES5, возможно, потому что babel.config.js полностью игнорируется, когда есть vue.config .js (?)

Как я могу продолжать использовать babel для переноса кода при сборке с заданными пресетами, но при этом иметь vue.config.js с другими конфигурациями?

babel.config.js 

module.exports = {
  presets: [['@vue/app', { useBuiltIns: 'entry', corejs: 'core-js@2' }]],
}

vue.config.js 

const TerserPlugin = require('terser-webpack-plugin')

module.exports = {
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      config.optimization.minimizer = [
        new TerserPlugin({
          terserOptions: {
            // needed for vuex-typex to work in production:
            keep_fnames: true,
          },
        }),
      ]
    }
  },
  css: {
    loaderOptions: {
      sass: {
        data: `@import "./src/core/style/core/_variables.scss";`,
      },
    },
  },
  runtimeCompiler: true,
}
...