build.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. var fs = require('fs')
  2. var zlib = require('zlib')
  3. var rollup = require('rollup')
  4. var uglify = require('uglify-js')
  5. var babel = require('rollup-plugin-babel')
  6. var replace = require('rollup-plugin-replace')
  7. var version = process.env.VERSION || require('../package.json').version
  8. var banner =
  9. '/*!\n' +
  10. ' * Vue.js v' + version + '\n' +
  11. ' * (c) ' + new Date().getFullYear() + ' Evan You\n' +
  12. ' * Released under the MIT License.\n' +
  13. ' */'
  14. // update main file
  15. var main = fs
  16. .readFileSync('src/index.js', 'utf-8')
  17. .replace(/Vue\.version = '[\d\.]+'/, "Vue.version = '" + version + "'")
  18. fs.writeFileSync('src/index.js', main)
  19. // CommonJS build.
  20. // this is used as the "main" field in package.json
  21. // and used by bundlers like Webpack and Browserify.
  22. rollup.rollup({
  23. entry: 'src/index.js',
  24. plugins: [
  25. babel({
  26. loose: 'all',
  27. exclude: 'lib/**'
  28. })
  29. ]
  30. })
  31. .then(function (bundle) {
  32. return write('dist/vue.common.js', bundle.generate({
  33. format: 'cjs',
  34. banner: banner
  35. }).code)
  36. })
  37. // Standalone Dev Build
  38. .then(function () {
  39. return rollup.rollup({
  40. entry: 'src/index.js',
  41. plugins: [
  42. replace({
  43. 'process.env.NODE_ENV': "'development'"
  44. }),
  45. babel({
  46. loose: 'all',
  47. exclude: 'lib/**'
  48. })
  49. ]
  50. })
  51. .then(function (bundle) {
  52. return write('dist/vue.js', bundle.generate({
  53. format: 'umd',
  54. banner: banner,
  55. moduleName: 'Vue'
  56. }).code)
  57. })
  58. })
  59. .then(function () {
  60. // Standalone Production Build
  61. return rollup.rollup({
  62. entry: 'src/index.js',
  63. plugins: [
  64. replace({
  65. 'process.env.NODE_ENV': "'production'"
  66. }),
  67. babel({
  68. loose: 'all',
  69. exclude: 'lib/**'
  70. })
  71. ]
  72. })
  73. .then(function (bundle) {
  74. var code = bundle.generate({
  75. format: 'umd',
  76. moduleName: 'Vue',
  77. banner: banner
  78. }).code
  79. var res = uglify.minify(code, {
  80. fromString: true,
  81. outSourceMap: 'vue.min.js.map',
  82. output: {
  83. preamble: banner,
  84. ascii_only: true
  85. }
  86. })
  87. // fix uglifyjs sourcemap
  88. var map = JSON.parse(res.map)
  89. map.sources = ['vue.js']
  90. map.sourcesContent = [code]
  91. map.file = 'vue.min.js'
  92. return [
  93. write('dist/vue.min.js', res.code),
  94. write('dist/vue.min.js.map', JSON.stringify(map))
  95. ]
  96. })
  97. .then(zip)
  98. })
  99. .catch(logError)
  100. function write (dest, code) {
  101. return new Promise(function (resolve, reject) {
  102. fs.writeFile(dest, code, function (err) {
  103. if (err) return reject(err)
  104. console.log(blue(dest) + ' ' + getSize(code))
  105. resolve()
  106. })
  107. })
  108. }
  109. function zip () {
  110. return new Promise(function (resolve, reject) {
  111. fs.readFile('dist/vue.min.js', function (err, buf) {
  112. if (err) return reject(err)
  113. zlib.gzip(buf, function (err, buf) {
  114. if (err) return reject(err)
  115. write('dist/vue.min.js.gz', buf).then(resolve)
  116. })
  117. })
  118. })
  119. }
  120. function getSize (code) {
  121. return (code.length / 1024).toFixed(2) + 'kb'
  122. }
  123. function logError (e) {
  124. console.log(e)
  125. }
  126. function blue (str) {
  127. return '\x1b[1m\x1b[34m' + str + '\x1b[39m\x1b[22m'
  128. }