フォルダ構造:-
myapp
--public(directory)//ここでpublic(Angularjs、cssなど)に関連するファイル
--server(directory)//ここにサーバーに関連するファイル
--server.js
コード
server.js //at root directory
----------------------
...
var app = express();
app.disable('x-powered-by');
app.use(bodyParser.urlencoded({
extended: true
}));
app.use(bodyParser.json());
app.use(express.static(__dirname + '/public')); // set the static files location
app.use('/profilepic', express.static(__dirname + '/uploads/profilepic')); // set the static files location
app.use('/company', express.static(__dirname + '/uploads/company'));
app.use('/download', express.static(__dirname + '/uploads/download'));
app.use(morgan('dev'));
app.use(cookieParser());
app.use(expressSession({
secret: 'secret',
resave: true,
saveUninitialized: false
}));
app.use(passport.initialize());
app.use(passport.session());
require('./server/config/passport')(app, passport);
require('./server/route')(app, passport);
app.use(flash());
if (config.env === 'development') {
app.use(function(err, req, res, next) {
console.log(err);
return res.status(500).json({ message: err.message });
});
}
app.use(function(err, req, res, next) {
return res.status(500).json({ message: err.message });
});
app.listen(config.port, function() {
console.log('app listen on ' + config.port);
});
Gruntfile.js //at root directory
-----------------
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
jshint: {
options: {
reporter: require('jshint-stylish') // use jshint-stylish to make our errors look and read good
},
// when this task is run, lint the Gruntfile and all js files in src
build: ['Grunfile.js', './']
},
ngAnnotate: {
options: {
singleQuotes: true
},
app: {
files: {
'./dist/min-safe/services.js': ['./public/scripts/services/*.js'],
'./dist/min-safe/filters.js': ['./public/scripts/filters/*.js'],
'./dist/min-safe/directives.js': ['./public/scripts/directives/*.js'],
'./dist/min-safe/controllers.js': ['./public/scripts/controllers/*.js'],
'./dist/min-safe/app.ctrl.js': ['./public/scripts/app.ctrl.js'],
'./dist/min-safe/config.router.js': ['./public/scripts/config.router.js'],
'./dist/min-safe/config.lazyload.js': ['./public/scripts/config.lazyload.js'],
'./dist/min-safe/config.js': ['./public/scripts/config.js'],
'./dist/min-safe/app.js': ['./public/scripts/app.js']
}
}
},
concat: {
js: { //target
src: ['./dist/min-safe/app.js', './dist/min-safe/config.js',
'./dist/min-safe/config.lazyload.js', './dist/min-safe/config.router.js',
'./dist/min-safe/app.ctrl.js', './dist/min-safe/controllers.js',
'./dist/min-safe/directives.js', './dist/min-safe/filters.js', './dist/min-safe/services.js'
],
dest: './dist/min/lms.js'
}
},
copy: {
main: {
expand: true,
src: './dist/min/lms.js',
dest: './public',
flatten: true,
filter: 'isFile'
}
},
connect: {
options: {
base: 'xxxxxxxx',
keepalive: true
}
},
});
// Load the plugin that provides the "uglify" task.
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-ng-annotate');
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-copy');
// Default task(s).
grunt.registerTask('default', ['ngAnnotate', 'concat', 'copy']);
grunt.registerTask('server', ['default', 'connect']);
grunt.registerTask('jshint', ['jshint']);
};
私はアプリを実行してnode server.js
いますが、今度はこのアプリをうなり声で実行したいのですが、実行すると「接続」ターゲットが見つかりませんというエラーがgrunt server
スローされます。
アプリを実行するようにgruntファイルを構成する方法は?
gruntサーバーを実行すると、「接続」ターゲットが見つかりませんというエラーがスローされます。アプリを実行するようにgruntファイルを構成する方法は?
あなたにはGruntfile.js
、更新connect
タスクが含まれるようにターゲットを次のように:
// ...
connect: {
server: { // <-- This is a Target named 'server'.
options: {
// <-- Your connect options go here.
// https://github.com/gruntjs/grunt-contrib-connect#options
}
}
}
次に、grunt.registered.Task()
名前server
を次のように更新します。
grunt.registerTask('server', ['default', 'connect:server']);
注:connect
タスクをエイリアスする代わりに、構文を使用してタスク内のターゲットをtaskList
Array
参照するようになりserver
ましたconnect
'connect:server'
に関する詳細については、タスクの作成を参照してくださいgrunt.registered.Task()
。
編集
コメントのフィードバックと元の投稿/質問に加えられた編集に基づいて更新されました:
$ node server.js
CLIを介して実行すると期待どおりに機能すると仮定すると、gruntを介して同じコマンドを実行できます。
grunt-contrib-connect
実行してアンインストールします。$ npm un -D grunt-contrib-connect
コード読み取りの削除ラインgrunt.loadNpmTasks('grunt-contrib-connect');
からGruntfile.js
connect
からタスクを削除しますGruntfile.js
以下を実行して、load-grunt-tasksとgrunt-shellをインストールします。
npm i -D load-grunt-tasks grunt-shell
Gruntfile.js
。// ...
shell: {
connect: {
command: 'node server.js'
}
}
// ...
grunt.registerTask()
を次のように変更します。grunt.registerTask('server', ['default', 'shell:connect']);
Gruntfile.js
。require('load-grunt-tasks')(grunt);
$ grunt server
して訪問localhost:3000
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加