相关疑难解决方法(0)

让Grunt为不同的设置生成index.html

我正在尝试使用Grunt作为我的webapp的构建工具.

我想要至少有两个设置:

I.开发设置 - 从单独的文件加载脚本,没有连接,

所以我的index.html看起来像:

<!DOCTYPE html>
<html>
    <head>
        <script src="js/module1.js" />
        <script src="js/module2.js" />
        <script src="js/module3.js" />
        ...
    </head>
    <body></body>
</html>
Run Code Online (Sandbox Code Playgroud)

II.生产设置 - 在一个文件中加载我的脚本缩小和连接,

与index.html相关:

<!DOCTYPE html>
<html>
    <head>
        <script src="js/MyApp-all.min.js" />
    </head>
    <body></body>
</html>
Run Code Online (Sandbox Code Playgroud)

现在的问题是,如何才能让咕噜使这些的index.html的取决于配置,当我运行grunt devgrunt prod

或者也许我正在挖掘错误的方向并且总是生成更容易MyApp-all.min.js但是将所有脚本(连接)或从异步文件中异步加载这些脚本的加载器脚本放入其中?

伙计们,你是怎么做到的?

javascript build-automation build gruntjs

208
推荐指数
8
解决办法
8万
查看次数

标签 统计

build ×1

build-automation ×1

gruntjs ×1

javascript ×1