如何在webpack中动态更改导入路径?

csv*_*van 6 javascript webpack

我有一组导出,我通常从一个目录导入:

import { myThing } from 'path/to/dir/es5/things'
Run Code Online (Sandbox Code Playgroud)

但是,如果我使用特定的NODE_ENV集运行webpack,我希望所有这些导入的根被视为es6:

import { myThing } from 'path/to/dir/es6/things'
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点,例如有动态的WebPack解析path/to/dir/es5/*path/to/dir/es6/*

Gil*_*tzi 6

您可以使用别名.

例如,在您的webpack配置中,您可以使用以下内容:

const alias = {};
if (NODE_ENV === ...) {
    alias['path/to/dir/es5'] = 'path/to/dir/es6'
}
Run Code Online (Sandbox Code Playgroud)

进一步阅读:https://webpack.js.org/configuration/resolve/