介绍
elm-boilerplate 是一个用于构建 Elm 应用程序的 npm 包，它为开发者提供了一个方便且快速的起点。包括以下特性：
- Elm 最佳实践
- Live reloading 的开发服务器
- CSS 和 JS 的自动压缩和最小化
- JS、CSS 和图像的提取和复制
- 热模块替换
- 自动跳转到默认浏览器
安装
要使用 elm-boilerplate，您需要首先安装 node.js 和 npm。在安装完成之后，您可以使用下面的命令安装 elm-boilerplate：
npm install elm-boilerplate
使用
安装完 elm-boilerplate 后，您可以按照以下步骤来使用它：
使用以下命令创建一个新的项目：
npx elm-boilerplate my-app
进入您的新项目目录：
cd my-app
启动您的开发服务器：
npm start
这个命令会在您的本地计算机上启动一个开发服务器，并打开一个浏览器窗口，显示您的应用程序。
文件结构
elm-boilerplate 项目有以下文件和目录结构：
-- -------------------- ---- ------- ------- --- ---------- --- ------------- --- ---- - --- -------- - --- ---------- --- ------- - --- ---- - --- ------- - --- --- --- ------ - --- -------- - --- --------- --- ---------- --- ---------------- --- ------------ --- --------- --- -----------------
elm-stuff/：Elm 编译器使用的一些缓存文件和 Elm 库node_modules/：npm 安装的依赖库src/：包含您的应用程序的源代码static/：包含所有应用程序需要的静态文件tests/：包含您的测试用例.gitignore：Git 忽略列表elm-package.json：Elm 依赖列表和元数据package.json：npm 依赖列表和元数据README.md：该 readme 文件webpack.config.js：Webpack 的配置文件
修改
修改源代码
您可以在 src/ 目录下修改 Main.elm 文件来修改您的应用程序。
添加静态文件
您可以将静态文件添加到 static/ 目录中。这些文件将自动提取并复制到 dist/ 目录中。
修改配置
如果您需要修改 webpack 配置，请更新 webpack.config.js 文件。
构建
开发环境
在开发环境下，您可以使用以下命令构建您的应用程序：
npm start
这个命令将构建您的应用程序，并在 http://localhost:8080/ 启动一个开发服务器。在您修改 src/ 或者 static/ 目录下的文件时，服务器将自动重新构建应用程序，并刷新浏览器。
生产环境
在生产环境下，您可以使用以下命令构建和优化您的应用程序：
npm run build
这个命令将使用 webpack 压缩和最小化所有 js 和 css 文件，将其转换为静态文件，并将其保存到 dist/ 目录中。
测试
运行测试
要运行测试，请使用以下命令：
npm test
编写测试
要编写测试，请在 tests/ 目录下创建一个新的 .elm 文件，并使用 elm-test 运行测试。
以下是一个简单的测试示例：
-- -------------------- ---- -------
------ ----- -------- ----
------ ------
------ ---- -------- ----
------ ---- -------- ----
---- -
-------- ---- --- ---------
- ---- ---- - - -- --
--- --
------------ - ---- - --
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057ae581e8991b448eb6b1