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

資訊專欄INFORMATION COLUMN

webpack實(shí)踐筆記(三)--- 總結(jié)

tunny / 2370人閱讀

摘要:實(shí)踐筆記三總結(jié)需要多帶帶安裝并且在文件中的下進(jìn)行配置,配置參數(shù)有匹配處理的文件的拓展名的正則表達(dá)式必須的名稱必須,一般以的方式命名,代表了這個(gè)要做的轉(zhuǎn)換功能,比如。允許你在修改組件代碼后,自動(dòng)刷新實(shí)時(shí)預(yù)覽修改后的效果。

webpack實(shí)踐筆記(三)--- 總結(jié) loaders
需要多帶帶安裝并且在config文件中的modules下進(jìn)行配置,配置參數(shù)有:

test:匹配loaders處理的文件的拓展名的正則表達(dá)式(必須)

loader:loader的名稱(必須),loader 一般以 xxx-loader 的方式命名,xxx 代表了這個(gè) loader 要做的轉(zhuǎn)換功能,比如 css-loader。

include:必須處理的文件(文件夾)(可選)

exclude: 屏蔽不需要處理的文件(文件夾)(可選)

query:為loaders提供額外的設(shè)置選項(xiàng)(可選)

css-loader 和 style-loader區(qū)別

css-loader實(shí)現(xiàn)讀取功能

style-loader將所有的計(jì)算后的樣式加入頁(yè)面中

二者組合在一起使你能夠把樣式表嵌入webpack打包后的JS文件中

...
{
    test: /.css$/,
    exclude: /node_modules/,
    loader: "style-loader!css-loader"
}
// 感嘆號(hào)的作用在于使同一文件能夠使用不同類型的loader
...    
plugins

loaders和plugins是完全不同的東西,loaders是在打包構(gòu)建過程中用來處理源文件的(js,scss,less..),一次處理一個(gè),
插件并不直接操作單個(gè)文件,它直接對(duì)整個(gè)構(gòu)建過程其作用。

HtmlWebpackPlugin

依據(jù)一個(gè)簡(jiǎn)單的模板,生成最終的html文件,這個(gè)文件中自動(dòng)引用了你打包后的js文件。
每次編譯都在文件名中插入一個(gè)不同的哈希值。

HMR

Hot Module Replacement允許你在修改組件代碼后,自動(dòng)刷新實(shí)時(shí)預(yù)覽修改后的效果。
在webpack中實(shí)現(xiàn)HMR也很簡(jiǎn)單,只需要做兩項(xiàng)配置:

在webpack配置文件中添加HMR插件

在Webpack Dev Server中添加“hot”參數(shù)

devServer: {
    hot: true,
    inline: true
},
plugins: [
    new HtmlWebpackPlugin({
      template: __dirname + "/app/index.html"
    }),
    new webpack.HotModuleReplacementPlugin()
  ],

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

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

相關(guān)文章

  • 7月份前端資源分享

    摘要:更多資源請(qǐng)文章轉(zhuǎn)自月份前端資源分享的作用數(shù)組元素隨機(jī)化排序算法實(shí)現(xiàn)學(xué)習(xí)筆記數(shù)組隨機(jī)排序個(gè)變態(tài)題解析上個(gè)變態(tài)題解析下中的數(shù)字前端開發(fā)筆記本過目不忘正則表達(dá)式聊一聊前端存儲(chǔ)那些事兒一鍵分享到各種寫給剛?cè)腴T的前端工程師的前后端交互指南物聯(lián)網(wǎng)世界的 更多資源請(qǐng)Star:https://github.com/maidishike... 文章轉(zhuǎn)自:https://github.com/jsfr...

    pingan8787 評(píng)論0 收藏0
  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...

    sutaking 評(píng)論0 收藏0
  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...

    khs1994 評(píng)論0 收藏0
  • AI開發(fā)書籍分享

    摘要:編程書籍的整理和收集最近一直在學(xué)習(xí)深度學(xué)習(xí)和機(jī)器學(xué)習(xí)的東西,發(fā)現(xiàn)深入地去學(xué)習(xí)就需要不斷的去提高自己算法和高數(shù)的能力然后也找了很多的書和文章,隨著不斷的學(xué)習(xí),也整理了下自己的學(xué)習(xí)筆記準(zhǔn)備分享出來給大家后續(xù)的文章和總結(jié)會(huì)繼續(xù)分享,先分享一部分的 編程書籍的整理和收集 最近一直在學(xué)習(xí)deep learning深度學(xué)習(xí)和機(jī)器學(xué)習(xí)的東西,發(fā)現(xiàn)深入地去學(xué)習(xí)就需要不斷的去提高自己算法和高數(shù)的能力然后...

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

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

0條評(píng)論

閱讀需要支付1元查看
<