Watch for changes to assets

packages/govuk-frontend/tasks/assets.mjs

@@ -0,0 +1,18 @@
+import { join } from 'path'
+
+import { files, task } from 'govuk-frontend-tasks'
+import gulp from 'gulp'
+
+/**
+ * Copy GOV.UK Frontend assets (for watch)
+ *
+ * @type {import('govuk-frontend-tasks').TaskFunction}
+ */
+export const assets = (options) => gulp.series(
+  task.name('copy:assets', () =>
+    files.copy('**/*', {
+      srcPath: join(options.srcPath, 'govuk/assets'),
+      destPath: join(options.destPath, 'govuk/assets')
+    })
+  )
+)

packages/govuk-frontend/tasks/build/package.mjs

@@ -3,7 +3,7 @@ import { join } from 'path'
 import { files, task } from 'govuk-frontend-tasks'
 import gulp from 'gulp'
 
-import { fixtures, scripts, styles, templates } from '../index.mjs'
+import { assets, fixtures, scripts, styles, templates } from '../index.mjs'
 
 /**
  * Build package task
@@ -16,19 +16,12 @@ export default (options) => gulp.series(
     files.clean('*', options)
   ),
 
+  assets(options),
   fixtures(options),
   scripts(options),
   styles(options),
   templates(options),
 
-  // Copy GOV.UK Frontend static assets
-  task.name('copy:assets', () =>
-    files.copy('**/*', {
-      srcPath: join(options.srcPath, 'govuk/assets'),
-      destPath: join(options.destPath, 'govuk/assets')
-    })
-  ),
-
   // Copy GOV.UK Prototype Kit JavaScript
   task.name("copy:files 'govuk-prototype-kit'", () =>
     files.copy('**/*.js', {

packages/govuk-frontend/tasks/index.mjs

@@ -1,6 +1,7 @@
 /**
  * Build tasks
  */
+export { assets } from './assets.mjs'
 export { compile as fixtures } from './fixtures.mjs'
 export { compile as scripts } from './scripts.mjs'
 export { compile as styles } from './styles.mjs'

packages/govuk-frontend/tasks/watch.mjs

@@ -4,7 +4,7 @@ import { npm, task } from 'govuk-frontend-tasks'
 import gulp from 'gulp'
 import slash from 'slash'
 
-import { fixtures, scripts, styles, templates } from './index.mjs'
+import { assets, fixtures, scripts, styles, templates } from './index.mjs'
 
 /**
  * Watch task
@@ -57,5 +57,12 @@ export const watch = (options) => gulp.parallel(
     gulp.watch([
       `${slash(options.srcPath)}/govuk/**/*.{md,njk}`
     ], templates(options))
+  ),
+
+  // Copy GOV.UK Frontend static assets
+  task.name('copy:assets watch', () =>
+    gulp.watch([
+      `${slash(options.srcPath)}/govuk/assets/**`
+    ], assets(options))
   )
 )