标签：javascript css gruntjs minify pug

我正在使用Grunt将jade模板编译为html,uglify / concat js和最小化/ concat css.

在开发过程中,我使用connect和watch的组合来为我的前端提供服务并自动获取更改.在这里我也使用’source’js和css(而不是uglified / concatted / minified版本).

现在,当我生成生产html,js和css时,我想知道最佳解决方案是什么来改变* .min js和css的包含.

在我的html中更具体一点,例如包括：
a.css
b.css
c.css
a.js
b.js

对于开发这很好,但在生成我想要的生产版本时：

共min.css
共min.js

当然我不想手动更改Jade模板,因此我正在寻找更好的方法,可能需要使用一些Grunt插件.

解决方法:

您可以将数据传递到模板中,以指示您所处的环境,然后根据该模板切换您所包含的内容.

// In your route:
res.render("index", { env: "development" }); // maybe use NODE_ENV in here?

// Then in your jade template:
head
  if env == 'development'
    link(href="a.css", rel="stylesheet", type="text/css")
    link(href="b.css", rel="stylesheet", type="text/css")
  else
    link(href="min.css", rel="stylesheet", type="text/css")

查看Jade文档,并搜索“条件”：http://jade-lang.com/reference

标签：javascript,css,gruntjs,minify,pug
来源： https://codeday.me/bug/20190624/1282358.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。