如何使用webapck 处理特殊文件,比如xx.lock文件

张艺侬
  • 30

如题,我想让webpack对某一些特殊格式的文件比如xxx.lock诸如此类的文件格式进行监听,该怎么处理,请教大佬们

回复
阅读 962
2 个回答
大群
  • 84
✓ 已被采纳

写一个自己的loader
比如你想处理xxx.lock,你可以写一个lock-loader.js,然后在webpack的rules配置一下

rules: [
        {
            test: /\.lock$/,
            use: '这里填写是loader的地址'
        }
]

lock-loader.js如下

module.exports = function(source) {
    console.log(source);
    return source;
}

新建一个test.lock文件,输入以下代码

export default {
    name: 'dadadada'
}

然后运行服务的时候就能看得到.lock文件里的代码
image.png

WebPack 是从文件入口 开始,把层层依赖(也就是 import/require 的内容)纳入其中的。
所以任何文件想得到 webpack 的“青睐”,在 JS 里 import 它就行。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏