Merge pull request #287 from FRSource/fix-external-css-properly-handle-HTML5-syntax

fix: external css properly handle html5-compliant syntax

Author: lmiller1990

e2e/__projects__/style/components/External.vue

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

e2e/__projects__/style/test.js

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

lib/process-style.js

@@ -52,7 +52,7 @@ function getPreprocessOptions(lang, filePath, jestConfig) {
 module.exports = function processStyle(stylePart, filePath, config = {}) {
   const vueJestConfig = getVueJestConfig(config)
 
-  if (stylePart.src && !stylePart.content) {
+  if (stylePart.src && !stylePart.content.trim()) {
     const cssFilePath = applyModuleNameMapper(
       stylePart.src,
       filePath,