theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

workflow: improve build & dev scripts

Browse Source
This commit is contained in:
Evan You 2018-09-19 12:21:00 -04:00
parent a8522cf48c
commit 898b1106c9
2 changed files with 55 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
scripts/build.js
View File

@ -1,3 +1,19 @@
/*
Produce prodcution builds and stitch toegether d.ts files.
To specific the package to build, simply pass its name and the desired build
formats to output (defaults to `buildOptions.formats` specified in that package,
or "esm,cjs"):
```
# name supports fuzzy match. will build all packages with name containing "dom":
yarn build dom
# specify the format to output
yarn build core --formats cjs
```
*/
const fs = require('fs-extra') const fs = require('fs-extra')
const path = require('path') const path = require('path')
const zlib = require('zlib') const zlib = require('zlib')
@ -6,8 +22,9 @@ const execa = require('execa')
const dts = require('dts-bundle') const dts = require('dts-bundle')
const { targets, fuzzyMatchTarget } = require('./utils') const { targets, fuzzyMatchTarget } = require('./utils')
const target = process.argv[2] const args = require('minimist')(process.argv.slice(2))
const target = args._[0]
const formats = args.formats || args.f
;(async () => { ;(async () => {
if (!target) { if (!target) {
await buildAll(targets) await buildAll(targets)
@ -29,11 +46,17 @@ async function build (target) {
await fs.remove(`${pkgDir}/dist`) await fs.remove(`${pkgDir}/dist`)
await execa('rollup', [ await execa(
'rollup',
[
'-c', '-c',
'--environment', '--environment',
`NODE_ENV:production,TARGET:${target}` `NODE_ENV:production,` +
], { stdio: 'inherit' }) `TARGET:${target}` +
(formats ? `FORMATS:${formats}` : ``)
],
{ stdio: 'inherit' }
)
const dtsOptions = { const dtsOptions = {
name: target === 'vue' ? target : `@vue/${target}`, name: target === 'vue' ? target : `@vue/${target}`,
@ -63,8 +86,8 @@ function checkSize (target) {
const minSize = (file.length / 1024).toFixed(2) + 'kb' const minSize = (file.length / 1024).toFixed(2) + 'kb'
const gzipped = zlib.gzipSync(file) const gzipped = zlib.gzipSync(file)
const gzipSize = (gzipped.length / 1024).toFixed(2) + 'kb' const gzipSize = (gzipped.length / 1024).toFixed(2) + 'kb'
console.log(`${ console.log(
chalk.gray(chalk.bold(target)) `${chalk.gray(chalk.bold(target))} min:${minSize} / gzip:${gzipSize}`
} min:${minSize} / gzip:${gzipSize}`) )
} }
} }

32
scripts/dev.js
View File

@ -1,24 +1,28 @@
// Run Rollup in watch mode for a single package for development. /*
// Only the ES modules format will be generated, as it is expected to be tested Run Rollup in watch mode for development.
// in a modern browser using <script type="module">.
// Defaults to watch the `vue` meta package. To specific the package to watch, simply pass its name and the desired build
// To specific the package to watch, simply pass its name. e.g. formats to watch (defaults to "umd"):
// ```
// yarn dev observer ```
// ``` # name supports fuzzy match. will watch all packages with name containing "dom"
yarn dev dom
# specify the format to output
yarn dev core --formats cjs
```
*/
const execa = require('execa') const execa = require('execa')
const { targets, fuzzyMatchTarget } = require('./utils') const { targets, fuzzyMatchTarget } = require('./utils')
const target = fuzzyMatchTarget(process.argv[2] || 'runtime-dom') const args = require('minimist')(process.argv.slice(2))
const target = fuzzyMatchTarget(args._[0] || 'runtime-dom')
const formats = args.formats || args.f
execa( execa(
'rollup', 'rollup',
[ ['-wc', '--environment', `TARGET:${target},FORMATS:${formats || 'umd'}`],
'-wc',
'--environment',
`TARGET:${target},FORMATS:umd`
],
{ {
stdio: 'inherit' stdio: 'inherit'
} }