Webpack压缩路径名称

时间:2016-05-05 16:45:27

标签: webpack

他们的webpack插件是否可以将输出字符串路径更改为更短的路径而不会发生冲突,即./node_modules/module_a - > ./n/a

在已经缩小的输出文件中,我有很多类似于n("./node_modules/core-js/modules/_to-length.js")的引用,即使所有出现的node_modules都可以替换为n,我可以节省大约15kb的最终大小。

2 个答案:

答案 0 :(得分:0)

默认情况下,

node_modules已存在于webpack的解析路径中。 如果根路径中不存在这样的模块,require('module_a')将在节点模块目录中查找。

您可以做的另一件事是使用解决别名

    resolve: {
      alias: {
        'jQuery': path.resolve(__dirname, 'node_modules/jquery/dist/jquery.js'),
        'core_modules':path.resolve(__dirname, './node_modules/core_js/modules')
      }
    }

Webpack将解析" core_modules"到为进口提供的路径

此外,您可以使用string replacement pluginwrite your own plugin来执行所需操作!

答案 1 :(得分:0)

我向你发布了一个类似的问题(链接),并意识到通过禁用Webpack配置中的NamedModulesPlugin,它实际上只是从输出中删除了引用路径(不需要将它们简化为更短的内容)