简介
start-start-preset 是一个基于 start 的预设配置，可以方便地搭建出一个高度自定义的前端开发环境。使用该预设配置，你可以轻松地启动一个包含常用工具和插件的开发环境。
安装
在命令行中输入以下命令进行安装：
npm install --save-dev start-start-preset
使用方法
在项目根目录下创建一个名为 start.js 的文件，并写入以下内容：
-- -------------------- ---- -------
----- ----- - -------------------------
----- -------- - ---------------------------------
----- ----- - -----------------------
----- ---- - ----------------------
----- ----- - -----------------------
----- ------ - ------------------------
----- ------ - ------------------------
----- ----- - -----------------------
----- ----- - -----------------------
----- ----------- - ------------------------------
----- ---- - -- -- --------------------
----- ----- - -- --
------
--------------------
--------
--------
------ ---------------
------- -
----- -----------------
------- ------
--
---
--------------
--
----- ---- - -- --
------
--------------
-------
--------
------- ----- ------- ----- ---- ---
----------
--
------------------然后在命令行中输入 npm start 运行该脚本即可启动开发环境。
详细说明
start
start 是一个任务运行器，它可以让你通过串联多个函数来构建复杂的任务流程。在本教程中，我们将使用 start 来运行多个任务，例如 read、babel、rollup 等。
start-pretty-reporter
start-pretty-reporter 是一个美化控制台输出的插件，使用该插件可以更直观地查看任务执行情况。在本教程中，我们将在 task 中使用 reporter。
start-serve
start-serve 是一个用于启动静态服务器的插件，可以用来在本地访问页面和资源。在本教程中，我们会使用 serve 插件来启动静态服务器，并指定根目录为 dist。
start-read
start-read 是一个读取文件的插件，可以读取指定路径下的所有文件。在本教程中，我们将使用 read 来读取 src 目录下的所有 .js 文件。
start-babel
start-babel 是一个 ES6 转译插件，可以把 ES6 代码转换成浏览器支持的 ES5 代码。在本教程中，我们将使用 babel 来将 ES6 代码转换成 ES5 代码。
start-eslint
start-eslint 是一个代码检查插件，可以帮助我们检查代码中存在的潜在问题。在本教程中，我们将使用 eslint 来检查代码风格和错误。
start-rollup
start-rollup 是一个打包工具，可以将多个 JavaScript 模块打包成单个文件。在本教程中，我们将使用 rollup 来打包多个模块并输出到 dist/bundle.js 文件中。
start-write
start-write 是一个写入文件的插件，可以将指定数据写入到指定文件中。在本教程中，我们将使用 write 来将打包后的代码写入到 dist 目录下。
start-clean
start-clean 是一个删除文件和目录的插件，可以删除指定路径下的所有文件或目录。在本教程中，我们将使用 clean 来清
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43939