首先，需要說明的是，vue-cli自帶的是webpack的打包方式，打出的包體積會(huì)比較大。而rollup是一種替代webpack的打包工具，能夠幫助我們生成更小的代碼包。

如果想要讓rollup生成hash，可以按照以下步驟進(jìn)行操作：

1. 安裝插件：

rollup使用插件來擴(kuò)展功能，因此我們需要先安裝一些必要的插件。比如@rollup/plugin-node-resolve、@rollup/plugin-commonjs、@rollup/plugin-babel、@babel/preset-env等。可以根據(jù)實(shí)際需求進(jìn)行選擇安裝。

2. 配置選項(xiàng)：

在rollup的配置文件中，我們需要對(duì)插件進(jìn)行相應(yīng)的配置。比如@rollup/plugin-babel的選項(xiàng)exclude、include、extensions和babelHelpers等等。

3. 生成hash：

當(dāng)所有的插件都配置好之后，我們就可以在rollup的配置文件中設(shè)置output選項(xiàng)，使用[hash]占位符來生成hash值。具體的配置建議參考官方文檔。

以上就是關(guān)于rollup如何生成hash的詳細(xì)講解。同時(shí)，本文還介紹了一些其他相關(guān)的內(nèi)容，比如rollup的打包方式、Facebook將React的構(gòu)建流程替換為基于Rollup的情況等等。希望對(duì)大家有所幫助。

熱點(diǎn)：rollup