webpack-开发时使用未缩小的库版本

Question

我有一个使用派生的apexcharts npm包的TypeScript项目。在使用webpack develpement模式构建项目时，我想使用aminx图表lib的最小版本，对于production我想保持最小化。 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
  }
};