国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

webpack搭建多頁面系統(一):對webpack 構建工具的理解

Kaede / 1847人閱讀

摘要:前端模塊化開發的問題大家可以參照文獻對等文件的管理在頁面完成之后,一般要對進行打包壓縮,通常要借助于第三方的工具。是基于環境搭建的,首先自行安裝。

為什么使用webpack構建工具?

1、開發效率方面:

在一般的開發過程中,分發好任務后,每個人完成自己多帶帶的頁面,如果有的人開發完成之后,接手別人的任務,就有可能造成開發時候的沖突。

如果利用模塊化開發,就可以避免這一問題。前端模塊化開發的問題大家可以參照文獻:https://github.com/fouber/blo...

2、對js、css、html等文件的管理:

在頁面完成之后,一般要對js、css、html進行打包壓縮,通常要借助于第三方的工具。webpack可以通過合適的loader在代碼上線的時候,對其進行壓縮,刪除注釋。這可以節約資源。

3、實時刷新功能:

我們之前在開發的時候,都是通過配置nginx進行代理,來訪問后臺的數據,每次修改配置文件都要重啟服務器,很麻煩!!!在修改代碼之后,要按一下f5,才能刷新,甚至時ctrl+f5強制刷新,感覺有點麻煩。可以利用webpack 的熱更新做到實時刷新。提高了開發的效率。    

4、使用es6新語法:

對于不兼容es6的瀏覽器,利用webpack中的babel-loader加載器可以解析es6語法,支持各種瀏覽器。感覺webpack的對模塊化開發真的好強大,這是通過一個項目之后,對webpack的認識,不過對webpack的性能優化這方面做的很少,看了開發文檔,還是遇到各種問題,歡迎各位大神指點。

webpack是基于node環境搭建的,首先自行安裝node。
參考文獻:https://www.liaoxuefeng.com/w...
項目地址:https://github.com/houseLiYon...
在cmd命令行中git clone https://github.com/houseLiYon...
安裝淘寶鏡像后:cnpm install;安裝各種依賴;可能加載器的版本不對應,請安裝對應的版本。
之后在webpack.config.js中,修改devServer的host;我的主機ip是
192.168.10.143.查看自己本機的ip,cmd命令行中,輸入ipconfig;修改為自己的IP。
然后執行:cnpm run server 本地就打開項目。

目錄結構

第一次寫文章,可能表述不清楚,歡迎指點!!!
對于第一次使用webpack 同學,可能學起來有點吃力,建議先去慕課網上學習一下基本的課程:http://www.imooc.com/video/14...

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51666.html

相關文章

  • webpack搭建頁面系統):webpack 構建工具理解

    摘要:前端模塊化開發的問題大家可以參照文獻對等文件的管理在頁面完成之后,一般要對進行打包壓縮,通常要借助于第三方的工具。是基于環境搭建的,首先自行安裝。 為什么使用webpack構建工具? 1、開發效率方面: 在一般的開發過程中,分發好任務后,每個人完成自己單獨的頁面,如果有的人開發完成之后,接手別人的任務,就有可能造成開發時候的沖突。 如果利用模塊化開發,就可以避免這一問題。前端模塊化開發...

    JinB 評論0 收藏0
  • webpack搭建頁面系統(二):webpack.config.js配置文件理解

    摘要:配置文件的理解的配置文件是沒有固定的命名的,在我的項目中建立了兩個配置文件,一個是開發的配置文件另一個是上線的配置文件。它們是怎么執行不同的配置文件的尼這才是重點。這是對兩個配置文件的理解。 webpack配置文件的理解 webpack的配置文件是沒有固定的命名的,在我的項目中建立了兩個配置文件,一個是開發的配置文件webpack.config.js;另一個是上線的配置文件webpac...

    BlackFlagBin 評論0 收藏0
  • 從 0 到 1 再到 100, 搭建、編寫、構建個前端項目

    摘要:從到再到搭建編寫構建一個前端項目選擇現成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現成的項目模板自己搭建項目骨架。使用版本控制系統管理源代碼項目搭建好后,需要一個版本控制系統來管理源代碼。 從 0 到 1 再到 100, 搭建、編寫、構建一個前端項目 1. 選擇現成的項目模板還是自己搭建項目骨架 搭建一個前端項目的方式有兩種:選擇現成的項目模板、自己搭建項目骨架。 ...

    call_me_R 評論0 收藏0
  • 從 0 到 1 再到 100, 搭建、編寫、構建個前端項目

    摘要:從到再到搭建編寫構建一個前端項目選擇現成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現成的項目模板自己搭建項目骨架。使用版本控制系統管理源代碼項目搭建好后,需要一個版本控制系統來管理源代碼。 從 0 到 1 再到 100, 搭建、編寫、構建一個前端項目 1. 選擇現成的項目模板還是自己搭建項目骨架 搭建一個前端項目的方式有兩種:選擇現成的項目模板、自己搭建項目骨架。 ...

    wzyplus 評論0 收藏0
  • 從 0 到 1 再到 100, 搭建、編寫、構建個前端項目

    摘要:從到再到搭建編寫構建一個前端項目選擇現成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現成的項目模板自己搭建項目骨架。使用版本控制系統管理源代碼項目搭建好后,需要一個版本控制系統來管理源代碼。 從 0 到 1 再到 100, 搭建、編寫、構建一個前端項目 1. 選擇現成的項目模板還是自己搭建項目骨架 搭建一個前端項目的方式有兩種:選擇現成的項目模板、自己搭建項目骨架。 ...

    aristark 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<