Question

我正在尝试在我的应用程序中使用Pure.css。我已经使用npm安装它并且我的brunch-config.js配置如下：

stylesheets: {
  joinTo: {
    'app.css': /^app/,
    'vendor.css': /^(?!app)/
  }
}

我希望此时生成vendor.css，但事实并非如此。但是，如果在我的JavaScript中，我说require('purecss');，然后我生成了vendor.css ...但我也得到了JavaScript错误Cannot find module 'purecss' from '<filename>'。我也在CSS中尝试了@import 'purecss'的各种排列而没有成功。

如何使用npm模块中的供应商CSS？

Answer 1

您应该使用npm config section，例如，当我想要加入node_modules/bootstrap/dist/css/bootstrap.css时，我必须在brunch-config.js中添加以下内容：

npm: {
  styles: {
    bootstrap: ['dist/css/bootstrap.css']
  }
}

这与files中的部分相结合，使其将引导程序的css写入vendor.css。

适用于我的完整brunch-config.js：

module.exports = {
  files: {
    javascripts: {
      joinTo: {
        'app.js': /^app/,
        'vendor.js': /^(?!app)/
      }
    },
    stylesheets: {
      joinTo: {
        'app.css': /^app/,
        'vendor.css': /^(?!app)/
      }
    }
  },

  plugins: {
    babel: { presets: ['es2015'] }
  },

  npm: {
    styles: {
      bootstrap: ['dist/css/bootstrap.css']
    }
  }
};

早午餐没有按预期获得供应商CSS

1 个答案: