发表于： 2020-08-17 20:19:56
2 2128
今天学了loader 明天学plugin
loader本质上是一个函数，它的作用是将某个源码字符串转换成另一个源码字符串返回
//loader 导出的函数
module.exports = function (sourceCode) {
return sourceCode;
}
webpack.config.js 配置
//完整写法module.exports = {
mode:"development",
module: {
rules: [ //模块匹配规则，可以存在多个规则
//每个规则是一个对象 从上到下匹配但是从后向前运行
{
test: /文件名\.js$/,
use: [ //匹配到之后使用哪些加载器,每个加载器是一个对象
{
loader: "模块路径", //字符串会被放置到require中
options: {传递的额外参数
//这里的值获取可以通过npm i -D loader-utils包获取
键:"值",//require()得到一个对象,有一个方法getOptions(this),返回一个对象
}
}
]
}
]
}
}
//简写
module.exports = {
mode:"development",
module:{
rules:[
{ //规则1
test:/index\.js/,
use:["模块路径1这里也可以跟上参数?changeVal="未知数"", "模块路径2"]
}
]
}
}
返回列表
评论