Angularjs “集成语义用户界面”;Dist";Grunt构建后将文件夹放入Firebase部署中
我有一个firebase托管的应用程序正在运行,现在我正在尝试集成语义UI,以便在我将其部署到firebase时,它将具有所有语义图标和样式。图标和样式并没有以某种方式改变,它们在我当地的“咕噜服务”中表现得很好 我将semantic.js引用并集成到vendor.js中,我将semantic.css引用到标题中,并在构建期间集成到vendor.css中。我似乎在过度思考如何在firebase上设置我的图标和样式。想法 grunt构建的dist文件夹位于[root folder]/dist中,语义UI的dist文件夹位于[root folder]/bower\u components/Semantic UI/dist中 index.htmlAngularjs “集成语义用户界面”;Dist";Grunt构建后将文件夹放入Firebase部署中,angularjs,gruntjs,firebase,semantic-ui,Angularjs,Gruntjs,Firebase,Semantic Ui,我有一个firebase托管的应用程序正在运行,现在我正在尝试集成语义UI,以便在我将其部署到firebase时,它将具有所有语义图标和样式。图标和样式并没有以某种方式改变,它们在我当地的“咕噜服务”中表现得很好 我将semantic.js引用并集成到vendor.js中,我将semantic.css引用到标题中,并在构建期间集成到vendor.css中。我似乎在过度思考如何在firebase上设置我的图标和样式。想法 grunt构建的dist文件夹位于[root folder]/dist中,语
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(.) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/semantic-ui/dist/semantic.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
</head>
<body ng-app="devNews">
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div ng-include="'views/nav.html'"></div>
<div class="container" ng-view=""></div>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-X');
ga('send', 'pageview');
</script>
<!--[if lt IE 9]>
<script src="bower_components/es5-shim/es5-shim.js"></script>
<script src="bower_components/json3/lib/json3.min.js"></script>
<![endif]-->
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/json3/lib/json3.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/firebase/firebase.js"></script>
<script src="bower_components/firebase-simple-login/firebase-simple-login.js"></script>
<script src="bower_components/mockfirebase/dist/mockfirebase.js"></script>
<script src="bower_components/angularfire/dist/angularfire.min.js"></script>
<script src="bower_components/semantic-ui/dist/semantic.js"></script>
<!-- endbower -->
<!-- endbuild -->
<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="scripts/controllers/posts.js"></script>
<script src="scripts/services/post.js"></script>
<script src="scripts/services/authorization.js"></script>
<script src="scripts/services/profile.js"></script>
<script src="scripts/controllers/profile.js"></script>
<script src="scripts/controllers/postview.js"></script>
<script src="scripts/controllers/nav.js"></script>
<script src="scripts/controllers/authorization.js"></script>
<script src="scripts/filters/url.js"></script>
<!-- endbuild -->
</body>
</html>
(函数(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]| |函数(){
(i[r].q=i[r].q | |[]).push(参数)},i[r].l=1*新日期();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(窗口,文档,“脚本”,“www.google-analytics.com/analytics.js”,“ga”);
ga(“创建”、“UA-XXXXX-X”);
ga(‘发送’、‘页面浏览’);
我必须首先将以下内容添加到我的Grunfile.js中。由于我不再使用Bootstrap,我只是用一些语义UI目录设置替换它:
copy: {
dist: {
files: [{
expand: true,
dot: true,
cwd: '<%= yeoman.app %>',
dest: '<%= yeoman.dist %>',
src: [
'*.{ico,png,txt}',
'.htaccess',
'*.html',
'views/{,*/}*.html',
'images/{,*/}*.{webp}',
'fonts/*'
]
}, {
expand: true,
cwd: '.tmp/images',
dest: '<%= yeoman.dist %>/images',
src: ['generated/*']
}, {
expand: true,
cwd: 'bower_components/semantic-ui/dist',
src: 'themes/**/*',
dest: '<%= yeoman.dist %>'
}, {
expand: true,
cwd: 'bower_components/semantic-ui/dist',
src: 'components/*',
dest: '<%= yeoman.dist %>'
}]
},
styles: {
expand: true,
cwd: '<%= yeoman.app %>/styles',
dest: '.tmp/styles/',
src: '{,*/}*.css'
}
},
等,用于每种图标类型
@font-face {
font-family: 'Icons';
src: url("https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.12.2/themes/default/assets/fonts/icons.eot");
}