每次我在文件中进行更改时，如何自动执行 javascript 的客户端捆绑答案

【问题标题】：How to automate client side bundling of javascript everytime I make change in the file每次我在文件中进行更改时，如何自动执行 javascript 的客户端捆绑
【发布时间】：2020-06-08 09:06:15
【问题描述】：

我正在使用 express 和 ejs 模板引擎创建一个基本的节点 js 应用程序。我想在我创建的视图中使用像 axios 这样的 npm 库。是否可以从这些文件中创建捆绑文件

编辑2：我想在这里问的是有没有一种方法可以为我现在使用express的前端创建一个捆绑的javascript文件，这可以通过parcel完成，但我必须一次又一次地运行parcel，我可以不使用 ejs 作为包裹只适用于 HTML。最终，我使用 gulp 通过观看我的生产 javascript 来捆绑我正在使用的 javascript。问题不清楚，但我找到了解决问题的方法，并希望它可以帮助像我一样陷入困境的人。

老问题：如何在 ejs 中使用 parcel 编辑：我没有收到来自我的服务器的数据我正在使用第 3 方客户端 sdk 向他们的服务器发出请求。我正在使用 enablex.io 做视频来电。这就是我只想在变量中导入 axios 的原因每当我需要提出可以通过以下方式完成的请求时使用 axios parcel 如果我写一个静态的 html 页面但是我怎么能用任何像 ejs 这样的模板引擎。

【问题讨论】：

标签： node.js express gulp ejs

【解决方案1】：

答案很简单，你只需要使用像 gulp 这样的任务运行器来查看你想要打包的文件。这将创建一个与 nodemon 配对的完美开发环境。因为只要您对前端 javascript 文件进行任何更改，任务运行程序就会生成捆绑文件，并且可以在主布局模板或您需要的任何 ejs 模板中引用该捆绑文件。

奖励：nodemon 将在检测到前端文件中的更改后立即自动重新启动服务器。

这是 gulp 文件

const { src, dest, watch, series } = require('gulp');
const bro = require('gulp-bro');


const files={
    client: 'public/*.js',
    server:'server.js'
}

function client(){
    return src(files.client).
    pipe(bro()).
    pipe(dest('public/dist'))
}

function watchTask(){
    watch([files.client],client)
}

exports.default = series(client,watchTask)

这里是示例文件存储库的链接：

https://github.com/jaydave1412/ejs-frontend-backend/blob/master/gulpfile.js

【讨论】：