webpack-在开发

Question

我有一个使用派生的apexcharts npm包的TypeScript项目。当我使用webpack开发模式开发项目时，我想使用顶点版本图库的最小版本，对于生产我想保持最小化。 Apexcharts软件包提供了库的缩小版本和未缩小版本。

是否可以通过这种方式配置Webpack？应该执行哪些配置步骤？

Answer 1

首先：将Webpack打包后，使用缩小版本的库没有任何价值。 Webpack / Terser插件将为您最小化。

我相信您可以使用Resolve aliases

来实现自己的目标

摘要（未经测试）

const alias = {};

if(isDev) { // NODE_ENV === 'development' or mode etc.
  alias['apexwhatever'] = path.resolve('path/to/unminified.js');
} else {
  alias['apexwhatever'] = path.resolve('path/to/minified.js');
}

module.exports = {
  resolve: {
    alias
  }
};