Псевдоним пути для `src` для Ionic 3

Question

У меня есть настраиваемая конфигурация веб-пакета для Ionic 3, чтобы использовать src в качестве псевдонима пути (т. Е. Для импорта из src/module/file):

resolve: {
  alias: {
    'src': path.resolve('./src')
  }
}

Однако при использовании сценариев приложения Ionic @ 3, когдаЯ пытаюсь обслужить или построить, я получаю ошибку Cannot find module src/module/file.

Я видел способы создания псевдонимов путей для импорта из каталогов под src (например, app, pages и т. Д.)это включает в себя обновление псевдонима разрешения Webpack, а также обновление baseUrl для tsconfig.json.Например:

https://medium.com/@siddhartha.ng/ionic-3-import-using-aliases-2aa260d6fab3

Однако я хочу иметь возможность импортировать из src, а не из подкаталога src.Есть ли способ сделать это, изменив конфигурацию моего веб-пакета или TypeScript?

Answer 1

Согласно обновлениям Ionic 3, конфигурация веб-пакета теперь имеет два свойства верхнего уровня, dev и prop для соответствующих конфигураций веб-пакета.

Это означает, что вам нужно обновить dev иprod свойств и экспорт всего объекта из конфигурации веб-пакета.Вы можете сделать это любым удобным для вас способом, но, например:

const config = require('@ionic/app-scripts/config/webpack.config.js');

config[process.env.IONIC_ENV].resolve.alias = { src: path.resolve('./src') };

module.exports = config; // you can also export a function that returns this

Просто имейте в виду, что вам нужно экспортировать весь объект с обеими конфигурациями.module.exports = config[env] не будет работать.