NPM Brick Real - 让前端开发事半功倍

如果你是一个前端开发者，一定知道Node.js生态圈带给我们的便捷和效率。而在Node.js中，npm是不可或缺的组成部分，为我们提供了无尽的模块，这些模块中有许多都带来了很多便利。其中就包括了今天的主题——npm brick real。

什么是 npm brick real?

npm brick real 是一个 npm package，它是一套可配置的构建工具，帮助前端开发人员更容易的自动化构建前端框架。它还可以处理很多文件类型，如HTML，CSS，JS，Less 等，比如它可以自动编译 coffeeScript，并且可以使用LESS CSS预处理。

相比于其他构建工具，npm brick real 是很好用和很容易上手的，同时还支持模块化。对于我们开发者来说，它减轻了我们许多工作的负担。

安装

安装 npm brick real 十分简单，只需要在你的终端中输入以下命令就行了：

npm install --save-dev npm-brick-real

当然，为了使用此命令，你必须在本地安装了npm并具有管理员权限。

使用

npm brick real 提供了很多强大的功能，包括打包，模块化，压缩等。下面我来介绍一些常用的命令：

Build 命令

使用 build 命令可以自动编译所有的 HTML，CSS 和 JavaScript 文件，生成良好的代码，并自动删除注释等内容。使用此命令可以帮助我们加速前端开发到生产的过程，而且还能保证代码的质量。

npm run build

Dev 命令

使用 dev 命令可以启动本地服务器，用于开发和测试。它可以自动刷新页面，同时你可以自定义端口、WebSocket 端口等，以及是否需要输出 debug 信息。

npm run dev

Watch 命令

使用 watch 命令可以自动检测文件的变化，当文件发生变化时，它会自动重新编译和打包，并且可以启动一个本地服务器进行测试。

npm run watch

Clean 命令

使用 clean 命令可以清空所有的 build 目录，以便重新构建你的项目。

npm run clean

配置

npm brick real 的配置非常简单，只需要在根目录下创建一个名为 nbrc.js 的配置文件即可。以下是一个简单的配置文件示例：

module.exports = {
  entry: 'app.js',
  output: {
    filename: 'bundle.js'
  },
  module: {
    preLoaders: [
      {test: /\.js$/, exclude: /node_modules/, loader: 'eslint-loader'}
    ],
    loaders: [
      {test: /\.scss$/, loader: 'style-loader!css-loader!sass-loader'},
      {test: /\.html$/, loader: 'html-loader'}
    ]
  }
};

在这个配置文件中，我们指定了入口和出口文件，以及使用的模块和加载器。当然，你还可以根据实际需求进行配置。

结尾

总之，npm brick real 是一个非常好用的构建工具。它可以加速生产环境的开发速度，减少工作负担，并且可以自定义配置来满足你的需求。

如果你还没有尝试过 npm brick real ，那么我们建议你现在就去试试。相信你一定不会失望的！