fix(babel-plugin): handle "-" at the end of request

Author: gregberge

packages/babel-plugin/src/__snapshots__/index.test.js.snap

@@ -169,7 +169,7 @@ exports[`plugin aggressive import should work with destructuration 1`] = `
   chunkName({
     foo
   }) {
-    return \`\${foo}\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\");
+    return \`\${foo}\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\").replace(/^-|-$/g, \\"\\");
   },
 
   isReady(props) {
@@ -212,7 +212,7 @@ exports[`plugin aggressive import should work with destructuration 1`] = `
 exports[`plugin aggressive import with "webpackChunkName" should replace it 1`] = `
 "loadable({
   chunkName(props) {
-    return \`\${props.foo}\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\");
+    return \`\${props.foo}\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\").replace(/^-|-$/g, \\"\\");
   },
 
   isReady(props) {
@@ -251,7 +251,7 @@ exports[`plugin aggressive import with "webpackChunkName" should replace it 1`]
 exports[`plugin aggressive import without "webpackChunkName" should support complex request 1`] = `
 "loadable({
   chunkName(props) {
-    return \`dir-\${props.foo}-test\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\");
+    return \`dir-\${props.foo}-test\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\").replace(/^-|-$/g, \\"\\");
   },
 
   isReady(props) {
@@ -292,7 +292,7 @@ exports[`plugin aggressive import without "webpackChunkName" should support dest
   chunkName({
     foo
   }) {
-    return \`dir-\${foo}-test\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\");
+    return \`dir-\${foo}-test\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\").replace(/^-|-$/g, \\"\\");
   },
 
   isReady(props) {
@@ -335,7 +335,7 @@ exports[`plugin aggressive import without "webpackChunkName" should support dest
 exports[`plugin aggressive import without "webpackChunkName" should support simple request 1`] = `
 "loadable({
   chunkName(props) {
-    return \`\${props.foo}\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\");
+    return \`\${props.foo}\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\").replace(/^-|-$/g, \\"\\");
   },
 
   isReady(props) {
@@ -488,10 +488,10 @@ exports[`plugin simple import should transform path into "chunk-friendly" name 1
 });"
 `;
 
-exports[`plugin simple import should work with custom name 1`] = `
+exports[`plugin simple import should work with * in name 1`] = `
 "loadable({
   chunkName() {
-    return \`foo\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\");
+    return \`foo\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\").replace(/^-|-$/g, \\"\\");
   },
 
   isReady(props) {
@@ -530,7 +530,7 @@ exports[`plugin simple import should work with custom name 1`] = `
 exports[`plugin simple import should work with template literal 1`] = `
 "loadable({
   chunkName() {
-    return \`ModA\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\");
+    return \`ModA\`.replace(/[^a-zA-Z0-9_!§$()=\\\\-^°]+/g, \\"-\\").replace(/^-|-$/g, \\"\\");
   },
 
   isReady(props) {

packages/babel-plugin/src/index.test.js

@@ -21,7 +21,7 @@ describe('plugin', () => {
       expect(result).toMatchSnapshot()
     })
 
-    it('should work with custom name', () => {
+    it('should work with * in name', () => {
       const result = testPlugin(`
         loadable(() => import(\`./foo*\`))
       `)