The tool for ultra-multi-project development, each project will not install dependencies, all dependencies are installed ffk command project for multi-branch pulled to local development, also benefits. For multi-page development, it is quite convenient, without having to manually roll up entry and plugin.
git:
https://github.com/lin1270/ffk
Welcome star.
1. Installation:
npm install ffk -g
2. Download seed:
https://github.com/lin1270/ffk-seed
3. Use dev (development) command in the seed catalog:
d ffk
You can open the browser, real-time refresh html page.
4. Packaging:
ffk o
o = output, generates output directory in the directory.
Code Description:
===================================================
1. Seeds
data
Copy the folder, output out of packed folder in aasets, you can see the data folder.
pages
Page, index.js inlet js, index.vue inlet vue.
index.config.json for the configuration:
{ "title":"a-new", "keywords":"ksdkkks", "useVconsole":false }
To add a new page, you need to copy a folder, the name of the html folder name.
Outermost ffk.config.json:
{ "px2rem": false, "cdn":[], "eslint": false }
px2rem, typically for a mobile terminal device adapted to different resolutions.
cdn, for the alternative path, if configured cdn [ "//www.baidu.com/a/], ( currently not yet configured to use the project name is added cdn ) as:
background: url("../../img/a.png");
A.png uses the path cdn be replaced //www.baidu.com/a/a.png, if there are multiple paths CDN, use one randomly.
eslint whether eslit.
2. ffk
Use portfinder multi-port assignments.
Use WebpackDevServer start local services.
Use hmr dynamic refresh the page.