Gulp/Grunt文件夹PHP项目的结构和实践
Gulp/Grunt folder Structure and Practices for PHP Projects
我正在学习Gulp,我想知道如何在典型的项目中使用它我有一个Laravel项目,它有一个公共文件夹,其中有一个/js文件夹,可以保存我所有的javascript文件。。
现在,对于实时服务器,我想缩小它们,我有gullow缩小版,但你如何安排文件夹结构?有什么好的做法吗?
方法1:将所有javascript文件合并为一个
因此,我们的想法是将所有javascript文件连接到一个javascript文件中,并将其包含在内
我的问题是:我有很多特定于页面的javascript,就像我的主页有一个滑块,它依赖于某个带有ID的div,但在其他页面上,该元素不存在,所以使javascript工作所需的元素也不存在,并且该页面不需要代码
论主题
http://ryankent.ca/starting-a-new-project-with-laravel-5-gulp-bower-and-bootstrap/
我对你的想法很感兴趣!
你应该做的不仅仅是缩小文件。您可以使用concat合并所有的js文件。通常最好加载单个文件,而不是10个小文件。
我的建议是缩小和合并js中的所有文件,并将其放在级别上——只在公共场合。
有几种不同的方法。
一种是在/js
文件夹中有单独的/src
(用于源文件)和/build
(用于缩小文件)文件夹。另一种方法是将.min
附加到缩小的文件中,并将它们与源文件放在一起。这些方法的一个潜在缺点是,您将不得不更新模板中对JavaScript文件的所有引用。
卢卡兹的方法可能是我推荐的方法,因为它需要最少的工作。最终,这取决于你和你的个人喜好。
对于特定于页面的javascript,您可以使用gulp-htmlmin:它是为html缩小而生的,但它也可以最小化您在后台调用uglify的内联javascript。
- 正在将数据主题添加到所有项目
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- xml文件在js项目目录结构中的位置
- 编译项目中的所有 TypeScript 文件并维护文件结构
- Web 项目的文件夹/目录结构 - 最佳做法
- 节点 - Express + Ember + Socket io项目文件结构,用于MVC开发
- 在tomcat目录结构(java.io.FileNotFoundException)的项目中访问来自java的js文件
- JavaScript项目结构
- Knockout.js项目结构
- Gulp/Grunt文件夹PHP项目的结构和实践
- 高级结构化:环绕ng重复项目Angular.js
- 使用npm和grunt进行开发和生产的Javascript项目结构
- 棱角分明的项目结构;控制器
- 推荐Go项目结构和构建系统,用于具有需要编译的静态资产的项目
- 层次结构和多选项下拉列表(HTML),并在项目之间导航(子节点)
- Java web应用程序的项目结构,javascript提供依赖管理、单元测试、ci以及对maven和eclipse的支
- 大型Angular应用的项目结构
- Node.js/Express项目结构
- Angular2的spring-boot项目结构
- 如何将D3库导入到我的项目文件结构中