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

Question

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

创建捆绑文件

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

*

old question : How to use parcel with ejs EDIT : I am not getting the data from the my server I am using a 3rd party client side sdk that makes request to their server. I am using enablex.io to do video calls. That is the reson I just want to import axios in a variable and use axios whenever I need to make that request that can be done via parcel if I write a static html page but how can I do that with any templating engine like ejs.

Answer 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)

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

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

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

How to automate client side bundling of javascript everytime I make change in the file

ejs

node.js

express

gulp