随着前端的发展，前端的工程化已经成为了越来越普遍的趋势。随之而来的就是大量的构建工具和配置文件。对于一些初学者来说，这些可能会让人感到十分头疼。npm 包 no-build-conf 就是为了解决这些问题而出现的。
什么是 no-build-conf？
no-build-conf 是一个可以让前端进行开发和构建的 npm 包，但是无需配置任何构建工具。no-build-conf 提供了一些常用的前端框架，并且已经内置了构建流程，因此无需配置构建工具，可以直接开始编写代码。
no-build-conf 将前端的开发和构建分为两个模式：serve 和 build。其中，serve 可以帮助我们在开发过程中实时查看修改后的效果，build 则是生成最终的生产环境代码。
如何使用 no-build-conf？
安装 no-build-conf
首先，我们需要在命令行中输入以下指令进行安装：
npm install -g no-build-conf
创建一个项目
安装完成后，我们可以在命令行中输入以下指令来创建一个 no-build-conf 项目：
nbc-init my-project
其中，my-project 为项目的名称。
运行项目
项目创建完成后，我们可以通过以下指令进入项目的目录并且启动项目：
cd my-project nbc-serve
这样就可以启动一个本地服务器，实时查看我们正在开发的项目。
构建项目
当我们完成了项目的开发后，可以通过以下指令生成生产环境代码：
nbc-build
这样会在项目根目录下生成一个 dist 文件夹，其中包含了我们生成的生产环境代码。
示例代码
以下为一个使用 no-build-conf 创建的简单示例：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ------ ---------------- --------------------- ------------ ------- ------ ----- --------- -------- ------- ------- ------- -------- ----------------------------- ------- -------
import Vue from 'vue'
new Vue({
el: '#app',
data: {
message: 'Hello, World!'
}
})结语
no-build-conf 是一个非常强大且易于使用的前端开发工具，它可以让我们专注于项目的开发，而不需要纠结繁琐的配置和构建流程。希望这篇文章能够帮助大家更好地了解以及使用 no-build-conf。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76523