什么是 emitty
emitty 是一款 npm 包,它可以在文件修改时自动执行指定任务。它可以让开发者在开发过程中获得实时反馈,提高开发效率。
安装 emitty
在当前项目中安装 emitty:
npm install emitty --save-dev
配置 emitty
在项目的 package.json 文件中添加以下内容:
"emitty": { "src": "./src", "watch": "./src/**/*.scss" },
其中,src
为源文件目录,watch
为监听的文件类型。
使用 emitty
在 gulpfile.js 文件中导入 emitty:
const emitty = require('emitty').setup('src', 'scss');
然后在 gulpfile.js 文件中定义一个任务,例如:
-- -------------------- ---- ------- ----------------- -------- -- - ----- ------ - ------------------------ -- -------------- - --------------------------------------------------- -- - ---------------- ---------------------------------------------- ------------- ----------------------------- --- ------ ------------------ - ---- - ------ ---------------- ------------- ----------------------------- - ---
在命令行输入以下命令,启动任务监听文件修改:
gulp watch --path src/scss/style.scss
emitty 可以根据 --path
参数获取要监听的文件路径。
效果说明
通过以上配置和使用方式,当修改源文件时,emitty 可以自动执行相应任务,无需手动运行命令。
总结
在前端开发中,emitty 的使用可以提高开发效率,减少重复劳动,使开发者可以更加专注于代码的编写。希望本文对于初学者能够提供有深度和指导意义的帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e1ca563576b7b1ecc5e