Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我无法将AutoRefixer添加到Express项目_Javascript_Node.js_Express_Sass - Fatal编程技术网

Javascript 我无法将AutoRefixer添加到Express项目

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

我无法将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 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
      }
    }
  }
));