Javascript 我无法将AutoRefixer添加到Express项目
我无法将AutoPrefixer添加到PostssMidelware,如文档中所示 我也在尝试使用express AutoRefixer,但在我的dest或公用文件夹中仍然没有看到供应商:这里还有一个指向我的repo的链接(nodeauth/app.js)git@github.com:Lidofernandez/Projects-based-on-node.git 代码如下:Javascript 我无法将AutoRefixer添加到Express项目,javascript,node.js,express,sass,Javascript,Node.js,Express,Sass,我无法将AutoPrefixer添加到PostssMidelware,如文档中所示 我也在尝试使用express AutoRefixer,但在我的dest或公用文件夹中仍然没有看到供应商:这里还有一个指向我的repo的链接(nodeauth/app.js)git@github.com:Lidofernandez/Projects-based-on-node.git 代码如下: var sassMiddleware = require('node-sass-middleware'); var po
var sassMiddleware = require('node-sass-middleware');
var postcssMiddleware = require('postcss-middleware');
var autoprefixer = require('autoprefixer');
var app = express();
// styles engine setup
app.set('port', process.env.PORT || 3000);
app.use(
sassMiddleware({
src: path.join(__dirname, '/stylesheets/sass'),
dest: path.join(__dirname, '/public/stylesheets'),
debug: true,
outputStyle: 'compressed',
prefix: '/stylesheets'
})
);
app.use(
postcssMiddleware({
plugins: [autoprefixer({browsers: ['> 1%', 'IE 7'], cascade: false})],
options: {
map: {
inline: false
}
},
src: function(req) {
return path.join(__dirname, '/public/stylesheets', req.url);
}
})
);
最后,我可以想出来: 所以问题是我必须指定放置样式的文件夹:)
这对我有用。谢谢不过需要澄清的是:src选项中的路径必须是完整文件的路径,而不仅仅是目录。
app.use(
'/stylesheets', postcssMiddleware({
src: function(req) {
return path.join(__dirname, 'public', 'stylesheets', req.path);
},
plugins: [
autoprefixer()
],
options: {
map: {
inline: false
}
}
}
));