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

資訊專欄INFORMATION COLUMN

webpack實踐筆記（三）--- 總結(jié)

tunny / 2368人閱讀

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

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

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

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

include：必須處理的文件（文件夾）（可選）

exclude: 屏蔽不需要處理的文件（文件夾）（可選）

query：為loaders提供額外的設(shè)置選項（可選)

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

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

style-loader將所有的計算后的樣式加入頁面中

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

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

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

HtmlWebpackPlugin

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

HMR

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

在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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/80428.html

相關(guān)文章

  • 7月份前端資源分享

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

    pingan8787 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

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

    sutaking 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

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

    khs1994 評論0 收藏0

  • AI開發(fā)書籍分享

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

    huayeluoliuhen 評論0 收藏0

發(fā)表評論

0條評論

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