Giter Site home page Giter Site logo

Comments (5)

VFK avatar VFK commented on June 19, 2024

Hi. By design this plugin operates with strings only, it doesn't perform any filesystem operations. It replaces your blocks with what you provide without any validations or existence checks. But you made an interesting point actually. Could you please describe in more details what exactly are you trying to achieve? How your workflow works? We'll see if that may be an idea for the next version or there is a better way to do what you wanna do.

from gulp-html-replace.

alexd16 avatar alexd16 commented on June 19, 2024

Thks for the quick response.
Actually i am still working to define my wokflow. But one thing that i want is during development i want to be able to see all my javascript files for debugging proposes in the browser development tools. I tried to use linemanjs and they concatenate all the js files into one even during development, and it was really difficult to me to debug when i have many files. They generate sourcemaps, but i could not make them work. So i decided to define a workflow for myself using gulp.
The thing is that i don't want to have to list all the files in the gulp file, it would be almost the same thing as putting all of them in the html, it would be difficult to maintain.

Maybe i am just thinking the wrong way about this. Do you have any suggestion?

from gulp-html-replace.

VFK avatar VFK commented on June 19, 2024

If you have many files i can definitely recommend Browserify It also has debug options which enables working sourcemaps :) Try to look at my other repo https://github.com/VFK/tic-tac-toe-online there i use pretty slick workflow with gulp and browserify.

As a solution for your current problem you can use any nodejs module which return an array of files. node-glob would do:

var glob = require("glob");

gulp.task('build', function () {

 glob("client/js/*.js", function (er, files) {
    gulp.src('client/index.html')
        .pipe(htmlreplace({
            js: files
        }))
        .pipe(gulp.dest('build'));
})

I'm not sure if it's true "gulp way" though. But it works.

from gulp-html-replace.

VFK avatar VFK commented on June 19, 2024

So what did you decide? Has your problem been solved? I do not see a reason to change the plugin since there is a better way. I think this issue can be closed?

from gulp-html-replace.

alexd16 avatar alexd16 commented on June 19, 2024

Hi, sorry for taking so long to answer.
For now i will use the glob solution, but i will definitely look at browserfy in the future.
The issue can be closed.

Thank you for your help ;)

from gulp-html-replace.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.