我正在我的前端应用程序中使用 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 做好它,我就不得不这样做。
最佳答案
当 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')
]
};
关于javascript - 使用 webpack 获取 ractive 模块中的缩小版本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32546372/