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