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 訊號,該訊號的預設處理動作是終止當前程序。這個函式...