GithubHelp home page GithubHelp logo

2nthony / dvan Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 0.0 3.9 MB

πŸ› οΈYet another config-free JavaScript bundler

Home Page: https://dvan.js.org

License: MIT License

JavaScript 94.15% HTML 1.15% AppleScript 3.16% Vue 1.54%
vue app bundler cli zero-config it-just-works parcel parcel-bundler

dvan's Issues

V2 Roadmap

Dependency updates

  • webpack-chain v5
  • css-loader v2

starter

  • create-dvan-app

plugins

  • vue-static(plugin-ssg) WIP
  • plugin-pwa(important)

config

  • evergreen Only targeting evergreen browsers.

command

  • eject-html Eject built-in default HTML template that you can tweak it to fit your needs. (from Poi)
  • vue-sfc Develop only a .vue file. Will release in v2.2.0

Built-in

  • Use webpackHotDevClient.js for HMR.
  • loading-screen

List for now.

Add global constants to distinguish current ENV

Now idea is check package.json

If have vue then set __DVAN_ENV__ = 'vue', cannot set VUE_ENV because vue-ssr using it(If I still remember).

If have React then set __DVAN_ENV__ = 'react'


Maybe this way is better: If have vue then set __DVAN_ENV__ to vue, react in otherwise.

V3 alpha Roadmap

Still big reference form Poi but V12.
And still for training.

Merge `build` behavior

When using plugin-ssg, build command will also compile ssr bundle.

Which is mean generate command only generate rendered html files.

Considering move Vue dep to peerDeps πŸ˜‚

Which is that mean need to install vue by yourself

Cause some library(like element-ui) will notify you element-ui has unmet peer dependency vue when installing.

But still work fine, so this is just a considering thing.πŸ˜‚

!!!!! Directory need to change !!!!!

2.0.0

πŸ˜‚πŸ˜‚πŸ˜‚
Files should be under src folder,

and it will be change something.[e.g. config-file.field, ...]

reference from nuxtjs.

It will be release with version alpha.14

alpha.17 will move vue to peerDependency.

This issue will keep open until beta version released.

Command: `vue-sfc`

This command can run a vue file in browser directly.

But need a better way to test its props and events πŸ€”

Now idea is create a file

Use render function maybe better

// vue-sfc.config.js
export default {
  attrs: {...},
  props: {...},
  on: {...}
}

interface config {
  attrs?: any,
  props?: any,
  on?: any,
  [key: string]: any
}

// render in vue
{
  render(h) {
    return h('your component', {...})
  }
}

Please see: https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth

The assets directory

All files will in assets directory except page files when build command finished.

Maybe some loan companies will name the assets(θ΅„δΊ§/衄金) as a page
Sure, that's my last companyπŸ˜‚

I considering about _dvan or _assetsπŸ˜‚

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.