如何将vue.config.js和babel.config.js一起使用?

时间:2019-06-26 18:14:11

标签: vue.js vuejs2 babeljs babel babel-loader

在babel.config.js旁边还添加了一个vue.config.js,我意识到代码不再被转译到ES5,可能是因为一旦有了vue.config,babel.config.js将被完全忽略。 .js(?)

在使用给定的预设进行构建同时又具有其他配置的vue.config.js时,如何保持babel编译代码?

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,
}

0 个答案:

没有答案