gulp+webpack+experss

var gulp = require('gulp');

var gls = require('gulp-live-server');

var less = require('gulp-less');

var cssmin = require('gulp-minify-css');

var livereload = require('gulp-livereload');

//var uglifyjs = require('gulp-uglify');

var webpack = require('gulp-webpack');

gulp.task('watch', function () {

? ? livereload.listen();

? ? gulp.watch('source/less/*.less', ['less']);

? ? gulp.watch('views/**/*.ejs', ['html']);

? ? //gulp.watch('source/js/*.js', ['jsmin']);

});

gulp.task('less', function () {

? ? gulp.src('source/less/*.less')

? ? ? ? .pipe(less())

? ? ? ? .pipe(cssmin())

? ? ? ? .pipe(gulp.dest('public/css/'))

? ? ? ? .pipe(livereload())

});

// 壓縮js

// gulp.task('jsmin', function () {

//? ? gulp.src('source/js/*.js')

//? ? ? ? .pipe(uglifyjs())

//? ? ? ? .pipe(gulp.dest('public/js/'))

// });

gulp.task('html', function () {

? ? gulp.src('views/**/*.ejs')

? ? ? ? .pipe(livereload())

});

gulp.task('server', function () {

? ? var server = gls('app.js', {}, false);

? ? server.start();

});

gulp.task('scripts', function () {

? ? return gulp.src('source/entry.js')

? ? ? ? .pipe(webpack(require('./webpack.config.js')))

? ? ? ? .pipe(gulp.dest('public/js/'));

});

gulp.task('default', ['less', 'watch', 'scripts', 'server']);

//webpack

module.exports = {

? ? watch: true,

? ? entry: {

? ? ? ? 'standard': './source/js/standard.js',

? ? ? ? 'standard_red': './source/js/standard_red.js',

? ? ? ? 'info': './source/js/info.js',

? ? ? ? 'join': './source/js/join.js',

? ? ? ? 'join_red': './source/js/join_red.js',

? ? ? ? 'share': './source/js/share.js',

? ? ? ? 'share_browser': './source/js/share_browser.js',

? ? ? ? 'actlist': './source/js/actlist.js',

? ? ? ? 'reach': './source/js/reach.js',

? ? ? ? 'team': './source/js/team.js',

? ? ? ? 'info_red': './source/js/info_red.js',

? ? },

? ? output: {

? ? ? ? path: __dirname + '/public/js/',

? ? ? ? filename: "[name].js",

? ? ? ? sourceMapFilename: "debugging/[file].map"

? ? },

? ? externals: {

? ? ? ? "jquery": "jQuery",

? ? ? ? '$': 'jQuery',

? ? },

? ? devtool: "source-map",

};

//app.js

var express = require('express');

var path = require('path');

var favicon = require('serve-favicon');

var logger = require('morgan');

var cookieParser = require('cookie-parser');

var bodyParser = require('body-parser');

var app = express();

// view engine setup

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public

//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));

app.use(logger('dev'));

app.use(bodyParser.json());

app.use(bodyParser.urlencoded({extended: false}));

app.use(cookieParser());

app.use(express.static(path.join(__dirname, 'public')));

app.use('/', require('./routes/routes.js'));

// app.use('/', require('./routes/index'));

app.use('/more_act', require('./routes/r_more_act'));

app.use('/standard_act', require('./routes/r_standard_act'));

app.use('/join_act', require('./routes/r_join_act'));

app.use('/join_act_red', require('./routes/r_join_act_red'));

app.use('/share_act', require('./routes/r_share_act'));

app.use('/team', require('./routes/r_team'));

//test

app.use('/test', require('./routes/test'));

// catch 404 and forward to error handler

app.use(function (req, res, next) {

? ? var err = new Error('Not Found');

? ? err.status = 404;

? ? next(err);

});

// error handler

app.use(function (err, req, res, next) {

? ? // set locals, only providing error in development

? ? res.locals.message = err.message;

? ? res.locals.error = req.app.get('env') === 'development' ? err : {};

? ? // render the error page

? ? res.status(err.status || 500);

? ? res.render('error');

});

app.set('ip', process.env.HTTP_IP || 'localhost');

app.set('port', process.env.HTTP_PORT || 3000);

var server = app.listen(app.get('port'), app.get('ip'), function () {

? ? console.log('server running at ' + app.get('ip') + ':' + app.get('port'));

});

module.exports = app;

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無(wú)需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    依依玖玥閱讀 3,304評(píng)論 7 55
  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無(wú)需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    井皮皮閱讀 1,401評(píng)論 0 10
  • 1 Webpack 1.1 概念簡(jiǎn)介 1.1.1 WebPack是什么 1、一個(gè)打包工具 2、一個(gè)模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,027評(píng)論 0 16
  • 1、gulp的安裝 首先確保你已經(jīng)正確安裝了nodejs環(huán)境。然后以全局方式安裝gulp: npm install...
    F_imok閱讀 2,493評(píng)論 1 11
  • 在現(xiàn)在的前端開發(fā)中,前后端分離、模塊化開發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,659評(píng)論 1 32

友情鏈接更多精彩內(nèi)容