javascript - 使用 webpack 获取 ractive 模块中的缩小版本

Question

我正在我的前端应用程序中使用 ractive 和 webpack。我的应用程序的包大小非常大(1.3M)，所以我在想，与其使用 webpack 缩小 Node 模块，不如获取某些模块已经缩小的版本？例如，在 ractive 的情况下，当您通过 npm install ractive 进行安装时，ractive 模块会在 node_modules/ractive 中构建缩小版本，所以我我想告诉 webpack 抓取这个文件而不是压缩整个文件。

ractive.js大小为

-rw-rw-r-- 1 vagrant vagrant 413K 4 月 25 日 17:53 ractive.js

ractive.min.js 是

-rw-rw-r-- 1 vagrant vagrant 162K 4 月 25 日 17:53 ractive.min.js

有什么方法可以将此告诉 webpack 吗？

也许不用写

var R = require('ractive')

应该写得更好

var R = require('./node_modules/ractive/ractive.min.js')

我不喜欢这个选项，因为它看起来太老套了，但如果没有办法用 webpack 做好它，我就不得不这样做。

Answer 1

当 webpack 捆绑源文件时，默认情况下不会缩小它们。这可能就是您最终得到一个大捆绑文件的原因。您可以运行 webpack -p 来获取捆绑文件的缩小版本。这将导致文件大小类似于最初使用 ractive-min 作为源的包。

如果您仍然想在开发中使用 ractive 的缩小版本，您可以使用 NormalModuleReplacementPlugin 。这是一个例子:

webpack.config.js

var webpack = require('webpack');

module.exports = {
    // other configuration settings

    plugins: [
        new webpack.NormalModuleReplacementPlugin(/^ractive$/, 'ractive/ractive.min')
    ]
};