parser.js 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. const compiler = require('vue-template-compiler')
  2. const cache = require('lru-cache')(100)
  3. const hash = require('hash-sum')
  4. const SourceMapGenerator = require('source-map').SourceMapGenerator
  5. const splitRE = /\r?\n/g
  6. const emptyRE = /^(?:\/\/)?\s*$/
  7. module.exports = (content, filename, needMap, sourceRoot, needCSSMap) => {
  8. const cacheKey = hash((filename + content).replace(/\\/g, '/'))
  9. let output = cache.get(cacheKey)
  10. if (output) return output
  11. output = compiler.parseComponent(content, { pad: 'line' })
  12. if (needMap) {
  13. if (output.script && !output.script.src) {
  14. output.script.map = generateSourceMap(
  15. filename,
  16. content,
  17. output.script.content,
  18. sourceRoot
  19. )
  20. }
  21. if (needCSSMap && output.styles) {
  22. output.styles.forEach(style => {
  23. if (!style.src) {
  24. style.map = generateSourceMap(
  25. filename,
  26. content,
  27. style.content,
  28. sourceRoot
  29. )
  30. }
  31. })
  32. }
  33. }
  34. cache.set(cacheKey, output)
  35. return output
  36. }
  37. function generateSourceMap (filename, source, generated, sourceRoot) {
  38. const map = new SourceMapGenerator({ sourceRoot })
  39. map.setSourceContent(filename, source)
  40. generated.split(splitRE).forEach((line, index) => {
  41. if (!emptyRE.test(line)) {
  42. map.addMapping({
  43. source: filename,
  44. original: {
  45. line: index + 1,
  46. column: 0
  47. },
  48. generated: {
  49. line: index + 1,
  50. column: 0
  51. }
  52. })
  53. }
  54. })
  55. return map.toJSON()
  56. }