首先,使用命令行导航到包含gruntfile的目录。
在CLI中输入以下内容:
npm install --save-dev connect-modrewrite
在你的Grunt文件顶部添加以下内容:
var modRewrite = require('connect-modrewrite');
现在进入下一步,您只需要将
modRewrite添加到您的connect中即可。
modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png$ /index.html [L]']),
这是我的 Gruntfile.js 文件中 "connect" 配置的一个示例。不需要担心我的 lrSnippet 和 ssIncludes,你只需要关注如何加入 modRewrite。
connect: {
options: {
port: 9000,
hostname: '0.0.0.0',
},
livereload: {
options: {
middleware: function (connect) {
return [
modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png$ /index.html [L]']),
lrSnippet,
ssInclude(yeomanConfig.app),
mountFolder(connect, '.tmp'),
mountFolder(connect, yeomanConfig.app)
];
}
}
},
test: {
options: {
middleware: function (connect) {
return [
mountFolder(connect, '.tmp'),
mountFolder(connect, 'test')
];
}
}
},
dist: {
options: {
middleware: function (connect) {
return [
mountFolder(connect, yeomanConfig.dist)
];
}
}
}
},