Merge pull request #286 from FRSource/fix-external-css-files-src-resolution

fix: external css files src resolution

Author: lmiller1990

e2e/__projects__/style/components/External.vue

@@ -6,6 +6,8 @@
 
 <style module src="./styles/external.css" />
 
+<style module="$style2" src="~__styles/external.css" />
+
 <style module="css">
 .a {
   background: color(red a(90%));

e2e/__projects__/style/test.js

@@ -45,5 +45,6 @@ test('process External', () => {
   const wrapper = mount(External)
   expect(wrapper.vm).toBeTruthy()
   expect(wrapper.vm.$style.testClass).toEqual('testClass')
+  expect(wrapper.vm.$style2.testClass).toEqual('testClass')
   expect(wrapper.vm.css.a).toEqual('a')
 })

lib/process-style.js

@@ -53,7 +53,14 @@ module.exports = function processStyle(stylePart, filePath, config = {}) {
   const vueJestConfig = getVueJestConfig(config)
 
   if (stylePart.src && !stylePart.content) {
-    stylePart.content = loadSrc(stylePart.src, filePath)
+    const cssFilePath = applyModuleNameMapper(
+      stylePart.src,
+      filePath,
+      config,
+      stylePart.lang
+    )
+    stylePart.content = loadSrc(cssFilePath, filePath)
+    filePath = cssFilePath
   }
 
   if (vueJestConfig.experimentalCSSCompile === false || !stylePart.content) {