Comment utiliser les scripts package.json pour copier des fichiers ayant une extension spécifique ?

Question

J'essaie d'utiliser npm comme outil de construction.

L'une des pierres d'achoppement que j'ai rencontrées est que je dois copier des fichiers javascript d'un dossier à un autre. Le dossier source contient des fichiers typescript, des fichiers javascript et des fichiers map, mais dans le dossier cible, je ne suis intéressé que par les fichiers javascript.

Je ne veux pas faire une déclaration de copie pour chaque fichier, mais je voudrais copier tous les fichiers .js. En outre, mon dossier source contient des sous-dossiers qui contiennent également des fichiers javascript. Ceux-ci doivent être copiés également, et maintenir la structure des sous-dossiers.

Ce que j'ai essayé de faire, c'est d'utiliser PCN avec un filtre, mais je n'arrive pas à faire fonctionner le filtre. J'ai testé l'expression rationnelle utilisée dans le filtre et elle semble fonctionner correctement. Le test a été effectué à Testeur de Regex avec une expression régulière .*\.js$ et des chaînes de test comme main.ts , main.js main.js.map etc., et seules les chaînes .js ont été trouvées.

Mon paquet json contient les éléments suivants (en abrégé) :

{
    "scripts": {
        "copy": "ncp scripts wwwroot/scripts --filter=\".*(\\\\.js$)\"" 
    }, 
    "devDependencies": { 
        "ncp": "2.0.0.0" 
    }
}

Comme mon expression rationnelle se trouve dans une chaîne de caractères dans une chaîne de caractères, je l'ai mise en double-escape. J'ai également essayé d'autres variantes, par exemple :

--filter=/.*\.js$/g       - compilation error
--filter=/.*\\.js$/g      - no files copied
--filter=\".*\\.js$\"     - no files copied
--filter=\"/.*\\.js$/g\"  - no files copied
(no filter)               - all files copied

Je ne suis en aucun cas marié à NCP. Si quelque chose d'autre fonctionne mieux, je l'utiliserai.

Donc : Comment puis-je, à l'intérieur de la section scripts de package.json, copier uniquement les fichiers avec une extension spécifique vers un autre dossier ? Je suis presque sûr d'avoir oublié quelque chose d'absolument évident...

Answer 1

Attention ! Le paquet cpx semble être abandonné. cpy-cli, copyfiles, et d'autres solutions sont listées dans les commentaires ici ou les réponses, ci-dessous.

cpx pourrait être une bonne substitution.

Il dispose d'une CLI, vous permet d'utiliser des globs au lieu de regex, peut préserver l'arborescence des répertoires et est relativement à jour au moment où j'écris ces lignes.....

Answer 2

Il existe également un module npm appelé copyfiles https://github.com/calvinmetcalf/copyfiles

Par exemple, pour copier tous les *.css des fichiers de la ./src dans le dossier ./styles dossier :

copyfiles --flat src/*.css styles

Answer 3

Construction rapide de la compatibilité script (fonctionne aussi sous Windows) :

"build": "react-scripts build && mv build docs || move build docs",

Answer 4

@powershell copy \"D:/Path/untitled.txt\"  destionation-file.txt"

Answer 5

Vous pouvez utiliser gulp.js pour cela. Écrivez une tâche gulp pour isoler uniquement les fichiers js (/path/to/files/*.js) et déplacez-les vers la destination de votre choix. Cela ne nécessitera que quelques lignes de code. Incluez cela dans la section script du package.json si nécessaire.

Le lien vers gulp.js : https://gulpjs.com/

var gulp = require('gulp');
gulp.task('jscopy', function(){
  return gulp.src('client/templates/*.js')
    .pipe(gulp.dest('build/js'))
});