Псевдоним пути для src для Ionic 3
У меня есть настраиваемая конфигурация веб-пакета для 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?
Ответы 1
Согласно обновлениям Ionic 3, конфигурация webpack теперь имеет два свойства верхнего уровня, dev и prop для соответствующих конфигураций webpack.
Это означает, что вам необходимо обновить свойства 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] работать не будет.