成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

vue-cli 使用 webpack-bundle-analyzer

bingchen / 529人閱讀

摘要:才來(lái)公司,填坑。然后發(fā)現(xiàn)項(xiàng)目打包越來(lái)越大。然后就滿(mǎn)世界找解決方法。網(wǎng)上看到這個(gè)神器。然后我配置完畢各種報(bào)錯(cuò)。然后去看的官方文檔。然后找到然后再看文檔。看這段不用配置任何,在的時(shí)候添加參數(shù)就好啦。然后運(yùn)行一下,瀏覽器訪問(wèn)。

浪費(fèi)幾多時(shí)間。 才來(lái)公司,填坑。然后發(fā)現(xiàn)項(xiàng)目打包越來(lái)越大。然后就滿(mǎn)世界找解決方法。網(wǎng)上看到 webpack-bundle-analyzer 這個(gè)神器。然后各種說(shuō)配置 package.json 文件。然后我配置完畢各種報(bào)錯(cuò)。

折騰一番,感覺(jué)玩不下去了。然后去看 vue-cli 的官方文檔。然后找到 vuejs-templates/webpack 然后再看文檔。我能說(shuō)啥??催@段:

# build for production and view the bundle analyzer report
npm run build --report

不用配置任何 script ,在 build 的時(shí)候添加參數(shù) 就好啦。然后運(yùn)行一下,瀏覽器訪問(wèn) http://127.0.0.1:8888 。

然后開(kāi)始填坑。。。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/90510.html

相關(guān)文章

  • webpack的可視化資源分析工具webpack-bundle-analyzer使用

    摘要:隨著項(xiàng)目越來(lái)約龐大,導(dǎo)致構(gòu)建包的時(shí)候速度緩慢首先推薦使用的可視化資源分析工具。拉拉拉拉拉開(kāi)心瀏覽器打開(kāi)分析結(jié)果,大概長(zhǎng)這個(gè)樣子喲分析結(jié)果出來(lái)了,接下來(lái)就可以開(kāi)始優(yōu)化啦 隨著項(xiàng)目越來(lái)約龐大,導(dǎo)致構(gòu)建包的時(shí)候速度緩慢! 首先推薦使用wepback的可視化資源分析工具。以下給出webpack-bundle-analyzer配置【vue-cli構(gòu)建項(xiàng)目時(shí)會(huì)自動(dòng)配置好】 安裝webpack-b...

    xiaowugui666 評(píng)論0 收藏0
  • vue-cli項(xiàng)目?jī)?yōu)化,縮短首屏加載時(shí)間

    摘要:主要是首屏加載太慢。文件按需加載如果沒(méi)有這個(gè)設(shè)置,項(xiàng)目首屏加載時(shí)會(huì)加載整個(gè)網(wǎng)站所有的文件,所以將文件拆開(kāi),點(diǎn)擊某個(gè)頁(yè)面時(shí)再加載該頁(yè)面的是一個(gè)很好的優(yōu)化方法。在中,不要使用的方法引入組件,使用。使用插件,將的值改成。 主要是首屏加載太慢。 大文件定位我們可以使用webpack可視化插件Webpack Bundle Analyzer 查看工程js文件大小,然后有目的的解決過(guò)大的js文件。 ...

    lufficc 評(píng)論0 收藏0
  • vue-cli項(xiàng)目?jī)?yōu)化,縮短首屏加載時(shí)間

    摘要:主要是首屏加載太慢。文件按需加載如果沒(méi)有這個(gè)設(shè)置,項(xiàng)目首屏加載時(shí)會(huì)加載整個(gè)網(wǎng)站所有的文件,所以將文件拆開(kāi),點(diǎn)擊某個(gè)頁(yè)面時(shí)再加載該頁(yè)面的是一個(gè)很好的優(yōu)化方法。在中,不要使用的方法引入組件,使用。使用插件,將的值改成。 主要是首屏加載太慢。 大文件定位我們可以使用webpack可視化插件Webpack Bundle Analyzer 查看工程js文件大小,然后有目的的解決過(guò)大的js文件。 ...

    hedzr 評(píng)論0 收藏0
  • vue-cli3 搭建的前端項(xiàng)目基礎(chǔ)模板

    摘要:基于搭建的前端模板,本倉(cāng)庫(kù),即可搭建完成一個(gè)新項(xiàng)目的基礎(chǔ)模板,源碼地址,歡迎或特性預(yù)編譯語(yǔ)言,做了一定的封裝,詳見(jiàn)雪碧圖移動(dòng)的適配方案引入了及,可以自由地用去開(kāi)發(fā)常用的工具類(lèi)引用全局注入相關(guān)的文件,如通用的及等常用的的集合支持 基于 vue-cli3 搭建的前端模板,clone 本倉(cāng)庫(kù),即可搭建完成一個(gè)新項(xiàng)目的基礎(chǔ)模板,源碼地址,歡迎 star 或 fork 特性 CSS 預(yù)編譯語(yǔ)言...

    william 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<