我有一个使用vue-CLI运行的项目。我需要在编译过程中添加一些自定义逻辑(总之,我想在/ assets /目录中进行某些更改时生成一些文件)。
经过一番思考,我决定添加自定义webpack插件,并手动查看此插件中的更改。但是我对性能有些怀疑,这也不是开销或不好的做法。
这是插件:
class customWebpackWatcher {
apply(compiler) {
compiler.hooks.watchRun.tap('customWatcher', compilation => {
const changedTimes = compilation.watchFileSystem.watcher.mtimes;
if (changedTimes) {
// some logic here...
}
});
}
}
我在vue.config.js(与vue-cli中的webpack.config.js相同)中使用它作为常规插件。因此,它将在每次编译时执行。