.webpackrc 中的alias配置未生效

[sandercage]

alias 字段配置如下：

{
    "components": "./src/components",
    "utils": "./src/utils",
    "services": "./src/services",
    "routes": "./src/routes",
    "models": "./src/models",
}

但是import时无法识别这个路径：import xxx from "routes/xxx.js"

Module not found: Error: Can't resolve 'routes/xxx.js' in '/path/to/project/src'

dva-cli@0.9.2
roadhog@2.2.0

[Liuqing650]

同求一个实例

[qinhuaihe]

是不是要改成 .webpackrc.js 才可以呢, 我也很想知道

[qinhuaihe]

确实是要改成 .webpackrc.js alias 就可以生效了

[wavelynn]

.webpackrc.js 这个也不行呢？

dva-cli version 0.9.2
    dva version 2.1.0
roadhog version 2.2.0

[wavelynn]

刚试了，直接改为 .webpackrc.js 是不行的，需要修改为path.resolve 才行,应该是路径不对，具体如下：

const path = require('path');

export default {
  "alias": {
    "components": path.resolve(__dirname, "./src/components"),
    "models": path.resolve(__dirname, "./src/models"),
    "routes": path.resolve(__dirname, "./src/routes")
  }
}

[chillyistkult]

If you run roadhog test the alias does not work.

[sorrycc]

Set alias in .babelrc with babel-plugin-module-resolver should be work for roadhog test.

[chillyistkult]

I did that already and specified

{
  "plugins": [
    ["babel-plugin-module-resolver", {
      "alias": {
        "components": "./src/components",
      }
    }]
  ]
}

but it does not work. I also don't see that .babelrc is anywhere mentioned in the code of roadhog. How does it work?

I work with unmodified @ant-design-pro which contains this bug https://github.com/ant-design/ant-design-pro/issues/1133

[sorrycc]

Haven't tried antd-pro yet. The example here is good.

[chillyistkult]

Well thats exactly the example I used and it does not work. It could be an issue specifically with antd-pro (which I doubt), but to be honest I could not find any example on github where roadhog test is used together with an alias.

[sorrycc]

@chillyistkult https://github.com/umijs/umi/tree/master/packages/umi-test/examples/normal

[fireairforce]

Haven't tried antd-pro yet. The example here is good.

I just solved my question on that way,thx