简介
对于前端开发者而言，快速创建项目的过程是必不可少的。而 boilerplate-parcel 就是一个便于快速创建项目的 npm 包。它基于 parcel 打包工具进行封装，提供了一些常用的配置和工具，以便开发者能够快速搭建出一个基础的前端项目。
安装
在开始使用 boilerplate-parcel 之前，你需要系统中已安装了 node.js 和 npm 环境（可以通过 node -v & npm -v 检测是否已安装）。
可通过以下命令进行安装：
--- ------- -- ------------------
安装成功后，就可以在命令行中访问到 bpl 这个命令行工具了。
使用
使用 boilerplate-parcel，就可以很方便地初始化出一个基本的前端项目：
1. 创建项目目录
为了方便，可以在系统中任意目录下创建一个新的文件夹，然后进行初始化。
----- --------- -- -- ---------
2. 使用 bpl 命令
使用以下命令创建一个新项目：
--- ----
命令执行后，会进行一些配置选项，可以按照提示进行自定义设置：
- ------ ----- --- ------- ---- ------------------------- - ------ -------- --- ------ ---- - ------ --- ------- ------- -----
3. 安装依赖
项目创建完成后，需要先安装依赖：
--- -------
4. 运行项目
可以通过以下命令运行项目：
--- --- -----
配置
boilerplate-parcel 集成了以下常用配置：
babel
在项目中可以使用 babel 对最新的 js 语法进行转换。可通过 .babelrc 文件进行配置。
scss
支持使用 scss 进行样式编写，使用 sass-loader 进行编译。需要在项目中使用 import 引入 scss 文件。
eslint
在项目开发过程中使用 eslint 进行 js 代码检测，可通过 .eslintrc 文件进行配置。
示例代码
以下是一个使用了 scss 和 eslint 的示例代码：
--------- -----
----- ----------
------
----- ----------------
----- ---------------- ------------------------
-----------------------
-------
------
---------- ------------
------- ------------------------------
-------
---------------------- ----
---- -
----------------- --------
---------- -----
------ ---------------
--- -
------------ -----
-
--- -------------- ---------- -- ------------------ ---------
结论
boilerplate-parcel 是一个快速创建前端项目的好工具，可帮助前端开发者有效地提高开发效率。我们只需要按照指导进行简单操作，就可以快速搭建出一个具有常规配置的前端项目。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5851ab1864dac66de8