AngularJS使用GruntJS的开发模式
Development mode for AngularJS using GruntJS
我有几个产品是从yeoman角度生成器开始的,它是一个非常好的开发设置。有一件事我一直没能找到一个好的解决方案,那就是设置一个开发/生产模式标志。
很自然,我们使用了一些我们只想在生产中使用的工具,因此拥有可以同时使用内联JavaScript和/或HTML文件的prod/dev变量将非常有用。我以前在网上搜索过解决方案,但没有找到任何有用的东西。
最终,我正在寻找一个在AngularJS设置中使用的好解决方案,最好是通过grunt serve和/或build-run设置。其他球队在这里做什么?
我使用的是ng常量。它创建了一个.js文件,其中包含一些您选择的角度常数。
grunt.initConfig({
...
ngconstant: {
options: {
name: 'config',
dest: '<%= yeoman.app %>/scripts/config.js'
},
development: {
constants: {
myVariable: 'it is development'
}
},
production: {
constants: {
myVariable: 'it is production'
}
}
}
});
然后将其添加到您的任务中:
grunt.registerTask('serve', [
...
'ngconstant:development',
...
]);
别忘了在你的html中包含这个/scripts/config.js文件,并将"config"注入你的应用程序。
var app = angular.module('myApp', [
'config',
...
]);
相关文章:
- webpack开发模式和生产构建模式之间有什么区别
- Pinterest API应用程序处于开发模式(因此我可以使用http重定向)
- 不确定我在PHP AJAX中使用的是什么开发模式
- ReactJS处于开发模式
- 在开发模式下屏蔽本地主机上的谷歌广告
- GWT开发模式或移动设备上的超级开发模式
- 具有依赖项目源的超级开发模式
- 开发模式下 Rails 3.2 的请求处理顺序
- Rails 4 App-JS在开发模式下可以与Webrick合作,但不能与Passenger/Apache2合作
- 如何从JavaScript中判断ReactJS是否处于开发模式
- AngularJS使用GruntJS的开发模式
- 生产模式下的UglifyJSPlugin显示一个React开发模式警告
- 是否有一个标准的方法来指定一个node.js应用程序是在生产模式(或开发模式)
- Jquery插件开发模式
- 封闭开发模式&Chrome打包应用——“document.write()”在打包应用的沙箱中不可用
- 在Chrome开发模式下设置函数调用的断点
- Meteor路由器在开发模式下工作,但不在生产模式下
- 奇怪的IE,Javascript只能在开发模式下工作(F12)
- Webpack/如何在开发模式下不捆绑JS文件
- 如何将jQuery代码转换为插件?以及插件开发模式