主页 / 问题 / 1298745
Accepted
MrShnaider
Asked:2022-06-24 23:32:06 +0000 UTC2022-06-24 23:32:06 +0000 UTC

如何编写自己的脚本来使用命令而不是现成的模块来构建前端

  • 772

在学习的过程中，我需要优化我的项目的构建过程。预处理器、图像压缩、pugjs 等。我开始寻找 webpack 和 gulp 但遇到了一个问题：可以在它们上编译的任务只能包含已经专门为它们编写的模块。也就是说，您必须使用 gulp-sass 而不是通常的 sass，它的更新频率要低得多，并且某些软件包（例如，squoosh-cli）根本不存在。我想编写一个简单地在控制台中运行类似这样的脚本：

sass --watch app/scss:dist/css
squoosh-cli auto -d dist/img app/img

但是 --watch 将使用控制台，并且没有进程会更进一步。任务运行者使用 node.js 来并行化这些过程。不要为每一行运行自己的控制台。一般来说，是否有任何程序允许您编写此类命令集并根据我的决定并行或顺序执行它们？或者也许还有其他方法可以写出我不知道的东西？我在 Windows 上工作，我通过 npm 加载包。提前致谢

frontend

2 个回答

  1. 相反gulp，您可以直接使用 npm构建。然后，您始终可以使用新工具，而不是专门为gulp很少更新的工具。

    • 0
  2. Best Answer

    要同时运行多个模块，可以使用“并发”包。然后在 package.json 文件中的“脚本”可能看起来像这样：

    "scripts": {    
    "watch-sass" : "sass --watch app/scss:app/css",
    "watch-csso" : "csso app/css/style.css --output dist/css/style.min.css --watch",
    "watch-pug" : "pug app/index.pug -w -o dist/",
    "start" : "concurrently \"npm:watch-*\""
}

    创建了几个单独的脚本，在本例中为“watch-sass”、“watch-csso”、“watch-pug”。然后他们都通过“开始”脚本一起开始。在开始工作时，您只需要在控制台中输入

    npm start
    • 0

相关问题