From 5b0e392bba41a4309fe199870becbdc7614b4a94 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Fri, 27 Apr 2018 16:44:52 -0400
Subject: [PATCH] fix: enable whitelist in exclude function

---
 docs/guide/pre-processors.md | 17 +++++++++++++++++
 docs/migrating.md            | 17 +++++++++++++++++
 lib/plugin.js                |  2 +-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/docs/guide/pre-processors.md b/docs/guide/pre-processors.md
index 21dee0f29..37621a059 100644
--- a/docs/guide/pre-processors.md
+++ b/docs/guide/pre-processors.md
@@ -172,6 +172,23 @@ npm install -D babel-core babel-loader
 
 Configuration of Babel can be done via `.babelrc` or `babel-loader` options.
 
+### Excluding node_modules
+
+It is common to have `exclude: /node_modules/` for JS transpilation rules (e.g. `babel-loader`) that apply to `.js` files. Due to the inference change of v15, if you import a Vue SFC inside `node_modules`, its `<script>` part will be excluded from transpilation as well.
+
+In order to ensure JS transpilation is applied to Vue SFCs in `node_modules`, you need to whitelist them by using an exclude function instead:
+
+``` js
+{
+  test: /\.js$/,
+  loader: 'babel-loader',
+  exclude: file => (
+    /node_modules/.test(file) &&
+    !/\.vue\.js/.test(file)
+  )
+}
+```
+
 ## TypeScript
 
 ``` bash
diff --git a/docs/migrating.md b/docs/migrating.md
index 09919c637..cdeb2ed01 100644
--- a/docs/migrating.md
+++ b/docs/migrating.md
@@ -57,6 +57,23 @@ The benefit is that this same rule also applies to plain `*.less` imports from J
 
 v15 also allows using non-serializable options for loaders, which was not possible in previous versions.
 
+### Importing SFCs from Dependencies
+
+It is common to have `exclude: /node_modules/` for JS transpilation rules (e.g. `babel-loader`) that apply to `.js` files. Due to the inference change of v15, if you import a Vue SFC inside `node_modules`, its `<script>` part will be excluded from transpilation as well.
+
+In order to ensure JS transpilation is applied to Vue SFCs in `node_modules`, you need to whitelist them by using an exclude function instead:
+
+``` js
+{
+  test: /\.js$/,
+  loader: 'babel-loader',
+  exclude: file => (
+    /node_modules/.test(file) &&
+    !/\.vue\.js/.test(file)
+  )
+}
+```
+
 ### Template Preprocessing
 
 v14 and below uses [consolidate](https://github.com/tj/consolidate.js/) to compile `<template lang="xxx">`. v15 now applies preprocessing for them using webpack loaders instead.
diff --git a/lib/plugin.js b/lib/plugin.js
index 2a2e797eb..c03119677 100644
--- a/lib/plugin.js
+++ b/lib/plugin.js
@@ -151,7 +151,7 @@ function cloneRule (rule, normalizedRule) {
       if (resource && parsed.lang == null) {
         return false
       }
-      const fakeResourcePath = `${currentResource.replace(/\.vue$/, '')}.${parsed.lang}`
+      const fakeResourcePath = `${currentResource}.${parsed.lang}`
       if (resource && !resource(fakeResourcePath)) {
         return false
       }