什么是 nier
nier 是一个基于 webpack 的前端工程化解决方案。它提供了如下的功能：
- 配置文件拆分，支持不同环境使用不同的配置
- 支持 css modules
- 支持热重载、代码分割等功能
- 支持对图片、字体等资源的处理和优化
- 支持自动将静态资源上传至 CDN
- 支持多页应用
如何使用 nier
安装
niee 可以通过 npm 安装，执行以下命令：
npm install nier --save-dev
基本配置
在项目的根目录下，创建一个 webpack.config.js 文件，具体配置如下：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - ------
-- ----------- --------- ----------- -------
------ -
----- ----------------------
------ ----------------------
--
-- ----
------ -
---- -----
--
-- -- ------
-------- -
-
----- ---------
---- -
-
------- -----------------
-------- -
------ ----
-
-
-
-
--
-- ----
-------- -
-- -- ---
--- -------------------------
--
-- -- ---------
---------- -
----- ----
-
---在上面的配置中，同时使用了 alias、loaders、plugin、devServer 等 webpack 的配置项。但是在 nier 中，这些配置项都可以在一个地方统一配置，使得配置更加简单、易懂。
构建
在 package.json 中添加如下命令：
"scripts": {
// 构建
"build": "npx nier build",
// 开发模式
"dev": "npx nier dev"
}执行以下命令即可进行构建：
npm run build
部署
如果需要将构建好的代码部署到 CDN 或者服务器上，可以使用 nier 提供的部署命令:
npx nier deploy
该命令会自动将生成好的静态资源上传到对应环境的 CDN 或者服务器上。
总结
通过使用 nier 这个工具，我们可以快速地搭建出一个可靠、高效的前端工程化解决方案，使得开发变得更加高效。而且 nier 的配置十分简洁清晰，让开发者更加轻松地掌控整个项目的构建、部署等过程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eac81e8991b448dc21a