chocolatin
Advanced tools
When you start with WebPack, you need to :
Chocolatin help developers to leverage friction & time-lost with WebPack configuration. Focus on project instead of build system.
We use more functional way to describe your app, with low object configuration.
You need Node.js >= 6 and NPM >= 3.
Chocolatin work with WebPack 2 : we will follow WebPack road-map and update package as soon as possible before final release.
So now, install Chocolatin with NPM in your project :
npm i chocolatin --save-dev
Or with Yarn :
yarn add chocolatin --dev
Touch a new file and import Chocolatin module.
// build.js
'use strict';
const chocolatin = require('chocolatin');
chocolatin.burn({
mixins: [/* Mixins */],
loaders: [/* Loaders */],
plugins: [/* Plugins */],
});
Then, simply run file with Node.js :
node ./build.js
You can ship the "demo" directory for some example in different environment with Babel, TypeScript, Node.js, Angular 2, React, Electron, ...
Provide take Chocolatin configuration and transform it into WebPack 2 configuration.
node ./build.js
Burn take Chocolatin configuration and build them with WebPack.
node ./build.js
Watch take Chocolatin configuration and watch files with WebPack.
node ./build.js
Server take Chocolatin configuration and create server on http://localhost:3000. Then, watch files.
You can use Hmr plugins to start Hot Module replacement.
node ./build.js
If you need better design, install "webpack-dashboard" npm package in your project and start server with :
webpack-dashboard -- node ./build.js
Mixins are function with n-arity, who return an object who will be merge to WebPack base configuration.
Only one mixin is available : Io.
The Io mixin describe how your app work :
That's all. You can make your own mixin if you need to share and dispatch your own configuration.
Loader handle file in your project.
Basicly, it's just an object with 4 props :
Available loaders:
Nota :
Plugins are curried function who can be nullary or unary.
They return a function who will take WebPack configuration as argument (with mixins + loaders apply) and let you :
Available plugins :
npm init
npm i chocolatin --save-dev
mkdir src
touch build.js src/index.js
// src/index.js
const myAsyncTask = () =>
new Promise(resolve =>
setTimeout(() => resolve('Async result'), 2000)
);
const main = async() => {
const result = await myAsyncTask();
console.log(`Result : ${result}`);
};
main();
// build.js
'use strict';
const {
burn,
mixins: { Io },
loaders: { Js },
plugins: { Analyzer, Clean, Define, ProgressBar, Minify },
} = require('chocolatin');
burn({
mixins: [
// We take src/index.js, output them in ./dist as app.js, for Node.js
Io({ app: ['./src/index.js'] }, { path: './dist', filename: '[name].js' }, 'node'),
],
loaders: [Babel], // Handle JavaScript file and Babel and linter
plugins: [
Clean(['dist']), // Remove old dist files
Define('production'), // Set ENV/NODE_ENV === 'production'
ProgressBar(), // Add progress bar
Analyzer(), // Analyzer statistic
Minify(), // Minify output
],
});
node ./build.js
Simply use "provide" function.
For example, you can export Chocolatin configuration to Karma like the Angular 2 demo.
Use Copy plugin : it take an array of object with from/to properties.
You can copy directory or files.
Use templateUrl and styleUrls in @Component with HtmlRaw, Css (or/and Sass/Stylus), TypeScriptNg2 loaders.
Use Babel or TypeScript loader.
You don't need to add linter.
We use Xo for JavaScript/Babel/Jsx/JsxFp loaders and TsLint for TypeScript/TypeScriptNg2 loaders.
We will do later fix on loaders to make them more configurable.
Make .babelrc file.
Make tsconfig.json file.
You can't, we will provide this later.
FAQs
This package is no longer supported and has been deprecated. To avoid malicious use, npm is hanging on to the package name.
The npm package chocolatin receives a total of 8 weekly downloads. As such, chocolatin popularity was classified as not popular.
We found that chocolatin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.
Security News
Sonar’s acquisition of Tidelift highlights a growing industry shift toward sustainable open source funding, addressing maintainer burnout and critical software dependencies.
Security News
Ransomware negotiators share how modern cybercriminals operate like corporations, using specialized teams, negotiation tactics, and reputation management.