fix(generator): handle directories starting with dot

close #2222

Author: yyx990803

packages/@vue/cli/__tests__/Generator.spec.js

@@ -22,6 +22,7 @@ new Vue({
 }).$mount('#app')
 `.trim())
 
+// replace stubs
 fs.writeFileSync(path.resolve(templateDir, 'replace.js'), `
 ---
 extend: '${path.resolve(templateDir, 'bar/bar.js')}'
@@ -51,6 +52,11 @@ qux($1)
 <%# END_REPLACE %>
 `.trim())
 
+// dotfile stubs
+fs.ensureDirSync(path.resolve(templateDir, '_vscode'))
+fs.writeFileSync(path.resolve(templateDir, '_vscode/config.json'), `{}`)
+fs.writeFileSync(path.resolve(templateDir, '_gitignore'), 'foo')
+
 test('api: extendPackage', async () => {
   const generator = new Generator('/', {
     pkg: {
@@ -343,6 +349,8 @@ test('api: render fs directory', async () => {
   expect(fs.readFileSync('/bar/bar.js', 'utf-8')).toMatch('bar(2)')
   expect(fs.readFileSync('/replace.js', 'utf-8')).toMatch('baz(2)')
   expect(fs.readFileSync('/multi-replace.js', 'utf-8')).toMatch('baz(1)\nqux(2)')
+  expect(fs.readFileSync('/.gitignore', 'utf-8')).toMatch('foo')
+  expect(fs.readFileSync('/.vscode/config.json', 'utf-8')).toMatch('{}')
 })
 
 test('api: render object', async () => {

packages/@vue/cli/lib/GeneratorAPI.js

@@ -169,16 +169,17 @@ class GeneratorAPI {
         const globby = require('globby')
         const _files = await globby(['**/*'], { cwd: source })
         for (const rawPath of _files) {
-          let filename = path.basename(rawPath)
-          // dotfiles are ignored when published to npm, therefore in templates
-          // we need to use underscore instead (e.g. "_gitignore")
-          if (filename.charAt(0) === '_' && filename.charAt(1) !== '_') {
-            filename = `.${filename.slice(1)}`
-          }
-          if (filename.charAt(0) === '_' && filename.charAt(1) === '_') {
-            filename = `${filename.slice(1)}`
-          }
-          const targetPath = path.join(path.dirname(rawPath), filename)
+          const targetPath = rawPath.split(path.sep).map(filename => {
+            // dotfiles are ignored when published to npm, therefore in templates
+            // we need to use underscore instead (e.g. "_gitignore")
+            if (filename.charAt(0) === '_' && filename.charAt(1) !== '_') {
+              return `.${filename.slice(1)}`
+            }
+            if (filename.charAt(0) === '_' && filename.charAt(1) === '_') {
+              return `${filename.slice(1)}`
+            }
+            return filename
+          }).join(path.sep)
           const sourcePath = path.resolve(source, rawPath)
           const content = renderFile(sourcePath, data, ejsOptions)
           // only set file if it's not all whitespace, or is a Buffer (binary files)