如何写一个loader官方文档
loader-api
// loader就是一个函数，不可以箭头函数
module.exports = function(source) {
return source.replace("hello", "您好");
// this.callback(null, result);
};
// loader就是一个函数，不可以箭头函数
module.exports = function(source) {
console.log(this, this.query);
// return source.replace("world", this.query.name);
// const result = source.replace("world", this.query.name);
const callback = this.async();
setTimeout(() => {
const result = source.replace("world", this.query.name);
callback(null, result);
// return result;
}, 3000);
// this.callback(null, result);
};
const path = require("path");
module.exports = {
entry: "./src/index.js",
mode: "development",
output: {
path: path.resolve(__dirname, "./dist"),
filename: "main.js"
},
resolveLoader: {
modules: ["node_modules", "./myLoaders"]
},
module: {
rules: [
// {
// test: /\.css$/,
// use: ["style-loader", "css-loader"]
// },
{
test: /\.js$/,
use: [
"replaceLoader",
{
loader: "replaceLoaderAsync",
options: {
name: "kevin！"
}
}
]
}
]
}
};
