使用webpack define插件在编译时定义导入路径

时间:2019-06-15 05:03:51

标签: webpack

我正在尝试在Webpack构建中的编译时定义import语句的路径。该路径由配置文件定义,该配置文件可以随每次构建而更改。

我正在使用DefinePlugin,但到目前为止没有任何运气:

plugins: [
  new webpack.DefinePlugin({
    __PATH__: JSON.stringify('./path/to/src')
  })
]

然后在已编译的代码中:

import Foo from __PATH__

运行webpack会导致Module parse failed: Unexpected token错误,显然是因为__PATH__不是有效的路径字符串。我希望__PATH__令牌将被DefinePlugin选项中的字符串替换。

这种事情可能吗?我会以正确的方式进行操作吗?

1 个答案:

答案 0 :(得分:0)

做到这一点的最佳方法是使用别名:

resolve: {
  alias: {
    ‘@alias’: ‘./path/to/arc‘
  }
}