Как настроить vue.config.js при typescript?

Question

[neonme]

Здравствуйте, я впервые работаю с typescript и при попытке настроить vue.config.js

const webpack = require("webpack");
module.exports = {
    plugins: [
      new webpack.DefinePlugin({
        __VUE_I18N_FULL_INSTALL__: true,
        __VUE_I18N_LEGACY_API__: false,
        __VUE_I18N_PROD_DEVTOOLS__: false,
        __INTLIFY_PROD_DEVTOOLS__: false,
      }),
    ],
  },
};

Получаю ошибку EsLint

$ vue-cli-service lint
error: Require statement not part of import statement (@typescript-eslint/no-var-requires) at vue.config.js:1:17:
> 1 | const webpack = require("webpack");
    |                 ^

Что я сделал не так...

Comments

[Aetae]

Надо исключить корень из eslint для typescript. Или использовать свежую node и import вместо require.

Answer 1

[neonme]

Спасибо Aetae,
Так как это js файл использовать import webpack = require("webpack"); я не могу — только const webpack = require("webpack");
Проблема действительно только с EsLint-ом
решилась добавлением в начало

/* eslint @typescript-eslint/no-var-requires: "off" */