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

Question

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

Answer 1

写一个自己的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文件里的代码

Answer 2

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