然后再去创建一个目录 ... 命名为 stylesheets ... 在这个目录的下面,再新建一个样式表 ... 可以叫它 style.css .. 在这个样式表里,添加一个简单的样式 ..
再去创建一个目录 .. 命名为 javascripts ... 在这个目录的下面,新建一个叫 app.js 的文件 ... 添加点内容 ... 然后在这个 javascripts 的目录里面,再添加一个子目录,叫它 modules ... 在这个目录的下面,创建一个叫 module.js 的文件 ...
下面,我们在这个 copy 任务里面, 再去添加两个目标 ... 先添加一个 style ... 在这个目标里,去把 stylesheets 这个目录下面的所有的文件复制到 dist 这个目录的下面 ...
这里要先用一个逗号分隔一下 ... 另起一行,再输入 style ... 它的值也是一个对象 ... 在这个对象里,用 src 属性去指定要处理的文件 ... 就是在 stylesheets 目录下面的所有的 css 文件 ... 在这个用一个 * 号,表示任意的字符,但不包含 / ... 后面加上一个 .css 。意思就是,直接在 stylesheets 这个目录下面的所有的扩展名是 .css 的文件 ...
逗号分隔一下 .. 再添加一个 dest 属性,指定一下存储这些文件的目标 ... 把它们放到 dist 这个目录的下面 ... grunt 会在 dist 这个目录下面,创建一个 stylesheets 目录,然后把复制过来的文件放到这里 ...
再去添加一个目标 ... 逗号分隔开 ... 这个目标可以叫做 js ... src 设置一下要复制的文件 ... 它们都在 javascripts 这个目录的下面,因为这个目录里还包含其它的子目录,这些子目录里的所有的文件我们也想复制一下 ... 这里用两个 ** ... 表示所有的东西 ... 后面再加上一个斜线... 再用一个 *.js ... 意思就是,在 javascripts 这个目录下面还有这个目录里所有的层级的子目录下面的所有的扩展名是 .js 的文件 ...
逗号分隔 ... 另起一行,再添加一个 dest ... 指定一下这些文件复制到的目标 ... 把它们也都放到 dist 这个目录的下面 ...
保存 ... 打开命令行 ... 输入 grunt copy ... 执行一下 copy 这个任务 ... 你会看到分别会去执行 copy:html ,copy:style,copy:js ...
完成以后,再查看一下项目的目录结构 ... 可以使用 tree 这个命令 ... 加上一个大写的 I ... 后面再加上一个要排除显示的目录 ...
tree -I node_modules
这样会显示排除了 node_modules 以后的当前目录的树形结构。你会看到,在 dist 这个目录的下面,会包含复制过来的文件 ...