Code Monkey home page Code Monkey logo

Comments (4)

vladshcherbin avatar vladshcherbin commented on May 31, 2024

@stalniy I had this in 1.0.0.

However, I removed it when hook option was added. Currently, buildEnd hook is used as a default one and it is executed before outputOptions hook.

from rollup-plugin-copy.

vladshcherbin avatar vladshcherbin commented on May 31, 2024

I can add outputFolder option back so you can set global folder once, but you'll still need to set it (duplicate). Don't know a way to make autodetection since outputOptions can't be used with hook option.

What do you think?

from rollup-plugin-copy.

aminnairi avatar aminnairi commented on May 31, 2024

Hi everyone,

If I may, I think that something like a dest global option could be great.

import {resolve} from "path";

const src = (...paths) => resolve("src", ...paths);

export default {
    plugins: [
        copy({
            dest: resolve("dist"),
            targets: [
                src("index.html"),
                src("service-worker.js"),
                src("manifest.webmanifest"),
                {
                    src: resolve("something", "else.json"),
                    dest: resolve("somewhere", "else")
                }
            ]
        })
    ]
}

This would have the advantage of being really concise and reduce the code written for copying multiple files to a similar location. Plus (but I'm really unsure about that) we could maybe use this plugin multiple times for multiple shared folders (while keeping the actual behavior).

import {resolve} from "path";

const src = (...paths) => resolve("src", ...paths);
const dist = (...paths) => resolve("dist", ...paths);

export default {
    plugins: [
        copy({
            dest: dist("client"),
            targets: [
                src("foo"),
                src("bar"),
                src("baz")
            ]
        }),
        copy({
            dest: dist("server"),
            targets: [
                src("foo"),
                src("bar"),
                src("baz")
            ]
        })
    ]
}

As a workaround, I have found to be used this little function a lot in my Rollup projects. Here is the code snippet.

import {path} from "path";

const dist = (...paths) => resolve("path", "to", "dist", ...paths);

dist("client", "index.js"); // ./path/to/dist/client/index.js
dist("server", "main.js"); // ./path/to/dist/server/main.js

This also work independently on whether you are using GNU/Linux, Mac OS X or Windows since resolve will join the strings with the correct delimiter for the current operating system using path.sep.

I Hope it helps while a solution is found.

from rollup-plugin-copy.

artemjackson avatar artemjackson commented on May 31, 2024

@vladshcherbin Hey, I've worked around this allowing to specify function as dest:

import RollupPluginCopy from "rollup-plugin-copy"

/** @param {import("rollup-plugin-copy").CopyOptions} options */
function copy(options) {
  options.hook ??= "buildEnd"

  return {
    [options.hook](...args) {
      options.targets = options.targets.map(({ dest, ...target }) => ({
        ...target,
        dest: typeof dest === "function" ? dest(...args) : dest,
      }))

      const plugin = RollupPluginCopy(options)

      return plugin[options.hook](...args)
    },
  }
}

export default  {
  plugins: [copy({
    hook: "writeBundle",
    targets: [{
      src: "some/folder/files.*",
      dest: cfg => cfg.dir,
    })
  }]
}

Feel free to borrow the idea ;)

from rollup-plugin-copy.

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.