Package Exports
- tooling
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tooling) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
tooling
Technologies
What tooling supports (which means you don't have to install these dependencies yourself):
- Webpack
- Babel 6 + Stage-0 + Runtime
- React with JSX
- Vue
- Vue-loader
- PostCSS with PreCSS
- Autoprefixer
- Hot reloading
- BrowserSync
- Custom HTML template
- Build or Watch
- Long-term caching
Real world example, run npm start in this repo or try it out 👉
Usage
Installing tooling via NPM is easy (WARN: only support node >=5):
npm install tooling -gBuild a project in production mode:
# default entry is ./src/index
# in this case we use Vue in our app
tooling build --entry [entry]
# multi entry support
--entry example # => example[.ext] or example/index[.ext]
--entry app.js,app.css # => ['app.js', 'app.css']
--entry js:app.js,css:app.css # => {js: 'app.js', css: 'app.css'}Run dev server with hot reloading:
# default entry is ./src/index
# in this case we use React in our app
tooling watch --entry [entry] --use reactOptions:
| Argument | Description |
|---|---|
| -e/--entry | Set webpack entry, currently single entry only |
| -p/--port | devServer port, available in watch mode |
| --bs/--browser-sync | Enable browserSync at port 23789 or a custom port |
| -s/--silent | Do not open browser window when running devServer (not work if you enable browserSync) |
| -u/--use | Set the framework you use, eg: react, vue. vue by default |
| --ai/--auto-install | (Buggy) Automatically install missing dependencies when editing |
Set up custom index.html in package.json. see usage at html-webpack-plugin
{
"name": "My tooling app",
"tooling": {
"index": {
"title": "tooling index",
"template": "src/index.template"
}
}
}For advanced usage: Wiki
API
WIP.
npm install tooling --saveimport tooling from 'tooling'
/**
* Tooling
*
* @param {string} type - 'watch' or 'build'
* @param {object} options - options for webpack,
* - override the default settings.
* options.port - available in 'watch' mode
* - to set the port devServer should run at
*/
tooling(type, options)License
MIT © EGOIST