How can I customize this build script with Node?

2019-05-29 05:54发布

I have a unique directory structure that I need help making a build script for.
Here is the link (slightly different) or directory structure:

client
  /extensions
  /sandbox
  /widgets
    /form
      /collections
      /models
      /views
      /styles
        custom.css
      /controllers
  main.coffee
server
  /views
    /layouts
    /errors
  app.coffee
  config.coffee

Couple things I need:

  • Compile coffeescript with a watch task into a server-dist + client-dist
  • Copy over all other files into their nested folders, preferably with a watch task also

Problems:

  • If I just compile coffeescript it just copies over the .coffee files to .js into their nested directories but that leaves behind .css / imgs / etc loaded with require.js. I need a way to bring them as well into the -dist directories
  • Main.coffee in the /client folder is a require.config and can be used with requirejs grunt build tool to optimize things.

Anyways the easiest solution is what I am looking for.

1条回答
我想做一个坏孩纸
2楼-- · 2019-05-29 06:08

I ended up using grunt - with the following tasks:

  • clean: Clears the server / client build directories
  • watch: Monitors .coffee files and both build directories
  • copy: Copies over client / server files to build directories ignoring .coffee files which are managed by the coffee task
  • coffee: Compiles .coffee files to .js moving them to the build directories

Here is the grunt file in its current iteration:

grunt.initConfig({

 clean: {
   build: ['client-dist', 'server-dist'],
   release: []
 },

 watch: {
   coffee: {
     files: ['client/**/*.coffee', 'server/**/*.coffee'],
     tasks: 'coffee reload'
   },
   reload: {
     files: ['client/**/*.!(coffee)', 'server/**/*.!(coffee)'],
     tasks: 'copy reload'
   }
 },

 copy: {
   client: {
     files: {
       "client-dist/": "client/**/*.!(coffee)"
     },
     options: {
       basePath: "client"
     }
   },
   server: {
     files: {
       "server-dist/": "server/**/*.!(coffee)"
     },
     options: {
       basePath: "server"
     }
   }
 },

 coffee: {
   compile: {
     files: {
       'server-dist/*.js': 'server/**/*.coffee',
       'client-dist/*.js': 'client/**/*.coffee'
       }
     }
 }

});

grunt.loadNpmTasks('grunt-contrib');
grunt.loadNpmTasks('grunt-reload');

grunt.registerTask('default', '');
grunt.registerTask('build', 'clean:build copy coffee watch');
查看更多
登录 后发表回答