使用 webpack 在 ractive 模块中获取缩小版本答案

【问题标题】：Grab the minified version in ractive module with webpack使用 webpack 在 ractive 模块中获取缩小版本
【发布时间】：2015-09-13 04:42:59
【问题描述】：

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

ractive.js 大小为

-rw-rw-r-- 1 vagrant vagrant 413K Apr 25 17:53 ractive.js

ractive.min.js 是

-rw-rw-r-- 1 vagrant vagrant 162K Apr 25 17:53 ractive.min.js

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

也许不用写

var R = require('ractive')

应该更好写

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

我不喜欢这个选项，因为它看起来太 hacky，但如果没有办法用 webpack 很好地做到这一点，我将不得不这样做。

【问题讨论】：

标签： javascript node.js webpack ractivejs

【解决方案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')
    ]
};

【讨论】：