代码拉取完成,页面将自动刷新
angular+gulp项目
配置安装(需要先安装nodejs)
下载源文件后运行
NPM
npm install or cnpm install
gulp
前端自动化
gulp.task('browserSync', () => {
browserSync({
server: {
baseDir: './',
index: 'index.html'
}
})
});
gulp.task('default', (callback) => {
runSequence(['browserSync', 'watch'], callback);
})
gulp.task('less', () =>
gulp
.src('static/less/bootstrap.less')
.pipe(sourcemaps.init())
.pipe(less())
.pipe(sourcemaps.write({ includeContent: false }))
.pipe(autoprefixer())
.pipe(sourcemaps.write('/'))
.pipe(gulp.dest('static/css'))
.pipe(browserSync.reload({ stream: true }))
);
gulp.task('script', () => {
gulp.src(['controller/*.js', 'controller/**/*.js'])
.pipe(uglify())
.pipe(gulp.dest('dist'));
});
gulp.task('image', () => {
gulp.src('static/images/**/*')
.pipe(imagemin({ progressive: true }))
.on('error', gutil.log)
.pipe(gulp.dest('dist/images'));
});
项目入口
var CURRENT_PATH = '/'
var COMPONENTS_PATH = './components/';
require.config({
paths: {
'angular': COMPONENTS_PATH + 'angular/angular',
'app': CURRENT_PATH + 'app',
'ui-route': COMPONENTS_PATH + 'angular-ui-router/release/angular-ui-router',
'route': CURRENT_PATH + 'route/angular.route',
},
shim: {
'angular': {
exports: 'angular'
},
'ui-route': {
deps: ['angular'],
exports: 'ui-route'
}
}
})
require([
'angular',
'app',
'route',
'ui-route',
'./controller/controller',
], function() {
angular.bootstrap(document, ['webapp']);
})
var app = angular.module('webapp', [
'ui.router',
'webapp.Ctrl',
]);
return app;
var PATH_LAYOUT = './views/common/layout.html';
var PATH_MENU = './views/common/menu.html';
$stateProvider.state('index', {
url: '/index',
views: {
'layout': {
templateUrl: PATH_LAYOUT
},
'side@index': {
templateUrl: PATH_MENU
},
'main@index': {
templateUrl: './views/homepage/index.html'
}
}
})
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。