build.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  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. })
  28. ]
  29. })
  30. .then(function (bundle) {
  31. return write('dist/vue.common.js', bundle.generate({
  32. format: 'cjs',
  33. banner: banner
  34. }).code)
  35. })
  36. // Standalone Dev Build
  37. .then(function () {
  38. return rollup.rollup({
  39. entry: 'src/index.js',
  40. plugins: [
  41. replace({
  42. 'process.env.NODE_ENV': "'development'"
  43. }),
  44. babel({
  45. loose: 'all'
  46. })
  47. ]
  48. })
  49. .then(function (bundle) {
  50. return write('dist/vue.js', bundle.generate({
  51. format: 'umd',
  52. banner: banner,
  53. moduleName: 'Vue'
  54. }).code)
  55. })
  56. })
  57. .then(function () {
  58. // Standalone Production Build
  59. return rollup.rollup({
  60. entry: 'src/index.js',
  61. plugins: [
  62. replace({
  63. 'process.env.NODE_ENV': "'production'"
  64. }),
  65. babel({
  66. loose: 'all'
  67. })
  68. ]
  69. })
  70. .then(function (bundle) {
  71. var code = bundle.generate({
  72. format: 'umd',
  73. moduleName: 'Vue',
  74. banner: banner
  75. }).code
  76. var res = uglify.minify(code, {
  77. fromString: true,
  78. outSourceMap: 'vue.min.js.map',
  79. output: {
  80. preamble: banner,
  81. ascii_only: true
  82. }
  83. })
  84. // fix uglifyjs sourcemap
  85. var map = JSON.parse(res.map)
  86. map.sources = ['vue.js']
  87. map.sourcesContent = [code]
  88. map.file = 'vue.min.js'
  89. return [
  90. write('dist/vue.min.js', res.code),
  91. write('dist/vue.min.js.map', JSON.stringify(map))
  92. ]
  93. })
  94. .then(zip)
  95. })
  96. .catch(logError)
  97. function write (dest, code) {
  98. return new Promise(function (resolve, reject) {
  99. fs.writeFile(dest, code, function (err) {
  100. if (err) return reject(err)
  101. console.log(blue(dest) + ' ' + getSize(code))
  102. resolve()
  103. })
  104. })
  105. }
  106. function zip () {
  107. return new Promise(function (resolve, reject) {
  108. fs.readFile('dist/vue.min.js', function (err, buf) {
  109. if (err) return reject(err)
  110. zlib.gzip(buf, function (err, buf) {
  111. if (err) return reject(err)
  112. write('dist/vue.min.js.gz', buf).then(resolve)
  113. })
  114. })
  115. })
  116. }
  117. function getSize (code) {
  118. return (code.length / 1024).toFixed(2) + 'kb'
  119. }
  120. function logError (e) {
  121. console.log(e)
  122. }
  123. function blue (str) {
  124. return '\x1b[1m\x1b[34m' + str + '\x1b[39m\x1b[22m'
  125. }