title: Webpack code splitting breaks jest import with vueJs components
body: <p>Jest is throwing an error when trying to load a vueJs component that has dynamic import code.</p>
  
  <p>Component:</p>
  
  <pre><code>&lt;script&gt;
      const Modal = () =&gt; import(/* webpackChunkName: "Modal" */ "../pages/common/Modal.vue");
  
      export default {
          name: "TileEditModal",
          components: {
              Modal
          },
          data() {
              return 
          },
          methods: {
              test() {
                  return true;
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Test:</p>
  
  <pre><code>import TileEditModal from "./TileEditModal.vue"
  </code></pre>
  
  <p>Even with no test running, just importing that component will throw the following error:  </p>
  
  <pre><code>  return import( /* webpackChunkName: "Modal" */"../pages/common/Modal.vue");
             ^^^^^^
  SyntaxError: Unexpected token import
  
    at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17)
    at Object.&lt;anonymous&gt; (srcVue/pages/landing/TileEditModal.vue.test.js:3:22)
  </code></pre>
  
  <p>I've tried this <a href="https://stackoverflow.com/questions/44643340/code-splitting-import-breaks-jest-tests">solution</a> but it has not worked for me.</p>
  
  <p>I'm using <code>jest-vue-preprocessor</code> with jest:</p>
  
  <pre><code>  "jest": {
      "moduleFileExtensions": [
        "js",
        "vue"
      ],
      "transform": {
        "^.+\\.js$": "&lt;rootDir&gt;/node_modules/babel-jest",
        ".*\\.(vue)$": "&lt;rootDir&gt;/node_modules/jest-vue-preprocessor"
      },
      "clearMocks": true,
      "resetMocks": true,
      "resetModules": true
    },
  </code></pre>
  
  <p>I have also tried adding env.test preset to babel:</p>
  
  <pre><code>{
      "presets": [
        "es2015",
        "stage-2",
        "stage-0"
      ],
      "env": {
        "test": {
          "presets": [
            "es2015",
            "stage-2",
            "stage-0"
          ]
        }
      } 
    }
  </code></pre>
  
  <p>So far nothing works, any ideas? I really want to get this code splitting to work on individual components.</p>