masonz / parcel-vue-ts

📦 Boilerplate for Vue.js & Typescript, base on Parcel bundler.

parcel-vue-ts 📦

Boilerplate for Vue.js & Typescript, base on Parcel bundler.

Name	Status	Description
@parcel-vue-ts/cli		command line
@parcel-vue-ts/template		template

What's inside? 🗃

• Vue2
• Vue-Router
• Vuex
• Typescript
• Jest
• Parcel bundler

Getting Started 🚀

Install

npm install -g @parcel-vue-ts/cli

Usage

mkdir demo
cd demo
parcel-vue-ts       // init project...
npm install

Development

npm run dev

Parcel has a development server built in, which will automatically rebuild your app as you change files and supports hot module replacement for fast development.

Production

npm run build

When you build production, parcel defaults to enable miniatation.

Unit tests

npm run test:unit

Unit test the code using jest,and you can run through npm run test:coverage to get the test coverage.

Demo

You can preview the result by: https://masonz.github.io/parcel-vue-ts/

License

MIT © masonz

parcel-vue-ts's Issues

Build error when using Parcel v1.5.0

Hello there.

Thanks for putting together this boilerplate.

After playing around with it, I noticed that upgrading the parcel-bundler dependency to 1.5.0 breaks the build. Specifically, I get this error trace:

$ npm run dev

> [email protected] dev D:\Code\forks\parcel-vue-ts
> parcel serve src/index.html -d dist --public-url /dist/ -o

Server running at http://localhost:1234
×  D:\Code\forks\parcel-vue-ts\src\app.vue: Path must be a string. Received undefined
    at assertPath (path.js:28:11)
    at Object.relative (path.js:571:5)
    at new Asset (D:\Code\forks\parcel-vue-ts\node_modules\parcel-bundler\src\Asset.js:22:30)
    at new JSAsset (D:\Code\forks\parcel-vue-ts\node_modules\parcel-bundler\src\assets\JSAsset.js:23:5)
    at new TypeScriptAsset (D:\Code\forks\parcel-vue-ts\node_modules\parcel-bundler\src\assets\TypeScriptAsset.js:4:1)
    at ts (D:\Code\forks\parcel-vue-ts\vue.config.js:7:22)
    at D:\Code\forks\parcel-vue-ts\node_modules\vueify-bolt\lib\compiler.js:297:7
    at new Promise (<anonymous>)
    at compileAsPromise (D:\Code\forks\parcel-vue-ts\node_modules\vueify-bolt\lib\compiler.js:296:12)
    at processScript (D:\Code\forks\parcel-vue-ts\node_modules\vueify-bolt\lib\compiler.js:251:10)
(node:1544) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): TypeError: Path must be a string. Received undefined
(node:1544) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
(node:1544) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): TypeError: Cannot read property 'line' of undefined
(node:1544) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 4): TypeError: Cannot read property 'line' of undefined

Any ideas?

`parcel-vue-ts` command not found.

yarn global add @parcel-vue-ts/cli
or
npm install -g @parcel-vue-ts/cli

There has no parcel-vue-ts command to be installed.

How to use @parcel-vue-ts/cli to init project that written in Usage?

Is there an npm package for this repo ?

I searched https://www.npmjs.com/package/parcel-vue-ts and nothing was there