简介
mendel-development 是一个npm包，它可以让你快速的构建开发环境和部署生产环境的webpack应用。
使用步骤
安装
通过npm npm@5.2.0 或以上下载：
npm install mendel-development --save-dev
配置
将以下代码添加到 webpack.config.js:
-- -------------------- ---- -------
--- ----------------------- - ------------------------------
----- ------------- - -
-------- -
--- -------------------------
-- -------
---
-
--
-------------- - --------------运行
通过以下命令启动应用:
./node_modules/.bin/mendel-development
之后通过以下URL查看应用:
http://localhost:4000
你也可以将一个命令添加到你的 package.json 中:
"scripts": {
"start": "mendel-development"
},这样你就可以通过简单的 npm start 命令启动应用。
配置选项
以下是mendel-development可以配置的选项：
sourceGlobs: 定义要编译的源路径,默认为src/*/index.js.outFixtureGlobs: 定义输出的目标路径,默认为test/*/fixture/expected.js.outBaseDir: 定义实际输出路径的目录,默认为./out.cacheDir: 定义缓存文件的目录,默认为.mendel-cache.cacheVersion: 定义缓存版本号,默认为1.enableCache: 定义启用缓存,默认为true.
示例代码
以下是一些示例代码：
-- -------------------- ---- -------
-- -----------------
------ --- ---- ----------------
-------------------
-- -----------------
------ ------- -------- ----- -
------ ------
-
-- -----------------------------
------ - ------ - ---- ----------
------ --- ---- -----------------
------ - ------- - ---- ---------
---------------- -- -- -
---------- ------ ----- -- -- -
----- ------- - ------------ ----
--------------------------------------
---
---
-- -------------
------ ------ - --------- - ---- --------
------ - -------- ----- - ---- ---------
------ ----- ------ - ----------- ------ - ------- - - --- -- -
-- ------- -
------------------- - - ----------------------- -------- --
-
----- ------- - ------------------ ---------- --- - ------- ---
------ --------
--
------ ----- ---------------- - ----------- ------ ------------- -- -
----- ------- - - ------------------------------- --------------- --
------ ---------------- ---------- --- - ------- ---
--总结
在本文中，我们详细地介绍了mendel-development的使用方法以及相关选项的配置。如果你正在开发前端应用程序，它会对你的工作非常有帮助。希望这篇文章能帮助你更好地理解并使用mendel-development这个npm包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3e1d8e776d08040b2e