編寫乙個webpack loader

2022-05-06 07:24:10 字數 1076 閱讀 4865

loader是一種打包的方案,webpack預設只識別js結尾的檔案,當遇到其他格式的檔案後,webpack並不知道如何去處理。此時,我們可以定義一種規則,告訴webpack當他遇到某種格式的檔案後,去求助於相應的loader。

新建loaders資料夾並建立三個loaders檔案

// remove-comment-loader.js 去除注釋

module.exports = function(source)

// reverse-loader.js // 反轉字串

module.exports = function (src)

return src;

}// uppercase-loader // 首字母大寫

module.exports = function (src)

return src

}

入口檔案
// index.js

import mytxt from './index.txt'

const add = function (a, b)

/*** 注釋

*/(function () )

// index.txt

asdasdadsasdasdsasdasdas

打包檔案
// webpack.config.js

const path = require('path')

module.exports = ,]},

output: ,

resolveloader:

}

打包後的效果

注釋被刪除了,txt檔案字元也反轉和首字母大寫了

const add = function (a, b) 

(function () )

/***/ }),

/* 1 */

/***/ (function(module, exports) )

實際開發中我們會有各種各樣的定製話的loader需要去使用,針對每種情況去開發對應的loader是加快我們開發效率的一種方式

編寫乙個makefile

什麼是makefile?對於大多數的windows程式設計師來講,makefile可能不是那麼重要,因為windows的ide都為程式設計師做好了這個工作。但是在linux下程式設計,會不會寫makefile,從側面上說明乙個人是否具備完成大型工程的能力。makefile的作用 makefile是用...

如何編寫乙個 XML Schema

看看這個名為 shiporder.xml 的 xml 文件 george bush john adams oxford street london uk empire burlesque special edition 110.90 hide your heart 19.90 說明 上面的xml文件...

編寫乙個mysleep函式

在這之前,我寫了有關於訊號的相關知識,我在裡面講到了兩個函式,分別是alarm和pause兩個函式,這兩個函式是幹嘛的呢,我在這裡再介紹一遍。呼叫alarm 函式可以設定乙個鬧鐘 也就是告訴核心在 seconds 秒之後給當前程序發 sigalrm 訊號,該訊號的預設處理動作是終止當前程序。這個函式...