简介
nativeshiori 是一个基于 webpack 和 vue.js 的 npm 包，它可用于简化前端项目静态资源的生成、压缩和打包等工作。
除此之外，nativeshiori 还支持自动生成多语言的翻译文本，减少了开发者的翻译成本和翻译误差。更加方便的是，nativeshiori 提供了一系列的自定义选项，便于开发者按照具体的项目需求去配置。
安装
使用 npm 命令进行安装：
npm install nativeshiori --save-dev
使用指南
在 webpack 配置文件中引入 nativeshiori：
-- -------------------- ---- -------
----- ------------ - ------------------------
-- - -------------- --- ------------
-------------- - -
-- ---
-------- -
-- ---
--- ----------------------
--
--其中 options 是一个可选配置对象，nativeshiori 有以下可配置项：
localeDir (string)
用于使用多语言翻译文件的目录，默认值为 ./translations。
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
-- ---
--- --------------
---------- ------------
---
--
--hashLength (number)
文件名 hash 值的长度，默认值为 8。
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
-- ---
--- --------------
----------- ---
---
--
--assetPath (string)
生成文件的公共路径，一般由 webpack 配置中的 output.publicPath 设置来控制。
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
-- ---
--- --------------
---------- -----------------
---
--
--hasDotFiles (boolean)
是否复制文件名以点（“.”）开头的文件或文件夹，默认值为 false。
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
-- ---
--- --------------
------------ -----
---
--
--copyRules (Array)
用于自定义匹配和复制规则。
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
-- ---
--- --------------
---------- -
-
----- ------------
--- -----------------------
--
--
---
--
--translationRules (Array)
与 copyRules 类似，但是用于控制翻译文件的复制。
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
-- ---
--- --------------
----------------- -
-
----- ------------
--- --------------------------------
--
--
---
--
--localeList (Array)
定义多语言的列表，用于生成翻译文件。
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
-- ---
--- --------------
----------- --------- -------- ---------
---
--
--示例代码
以使用默认配置生成静态资源为例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------------ - ------------------------
-------------- - -
----- -------------
------ -----------------
------- -
----- ----------------------- --------
--------- ------------
--
-------- -
--- ---------------
--
--在这个例子里，我们自定义了输出文件的目录和名称，使用了默认配置的 nativeshiori，将经过 babel-loader 处理后的代码打包成一个 bundle.js 文件，并自动进行了压缩和优化。
当然，你也可以根据自己的需求自定义配置 options，生成一个适合自己项目的配置文件。
总结
nativeshiori 的使用非常简单，但是它在开发中能够显著地减少开发者的工作量，有助于提高项目的开发效率和质量。同时，它提供了丰富的自定义选项，可根据具体项目进行灵活配置，便于适应各种不同的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/68649