如何在离子v2中扩展默认webpack配置
如何在离子v2中扩展默认webpack配置
提问于 2017-01-06 19:29:27
我想扩展离子的默认webpack配置。具体来说，我想为解析模块添加一个别名，这样我就可以通过它们的绝对路径而不是相对路径导入模块：
而不是像这样导入模块：
import { SomeComponent } from '../../components/some.component.ts';我也想
import { SomeComponent } from '@app/components/some.component.ts';其中@app是根源目录的别名。
在其他项目中，我可以通过在webpack配置中添加这样的内容来做到这一点：
module.exports = {
...
resolve: {
extensions: ['.ts', '.js'],
alias: {
'@app': path.resolve('./'),
}
},
...
};我不知道如何在不覆盖默认webpack配置的情况下使用Ionic来完成此操作。
Stack Overflow用户
发布于 2017-10-27 18:01:42
嗨，Maverick09的答案是很棒的，但是它没有对我起作用，我正在使用这个配置：
cli包：
@ionic/cli-utils : 1.15.2
ionic (Ionic CLI) : 3.15.2本地套餐：
@ionic/app-scripts : 3.0.1
Ionic Framework : ionic-angular 3.8.0系统：
Node : v6.10.0
npm : 3.10.10
OS : Windows 10默认配置有两个部分dev和prod，因此，如果您像这样更改自定义配置，那么似乎每件事情都能工作。
const customConfig = {
dev: {
resolve: {
alias: {
'@app': path.resolve('src/app'),
'@pages': path.resolve('src/pages'),
'@common': path.resolve('src/common'),
'@storyboards': path.resolve('src/storyboards'),
"@locale": path.resolve('src/locale')
}
}
},
prod: {
resolve: {
alias: {
'@app': path.resolve('src/app'),
'@pages': path.resolve('src/pages'),
'@common': path.resolve('src/common'),
'@storyboards': path.resolve('src/storyboards'),
"@locale": path.resolve('src/locale')
}
}
}
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41512923
复制相关文章
相似问题
腾讯云开发者
