Fatal编程技术网
  • css/
  • 早午餐没有像预期的那样获得供应商CSS

早午餐没有像预期的那样获得供应商CSS

css

早午餐没有像预期的那样获得供应商CSS,css,brunch,Css,Brunch,我正在尝试在我的应用程序中使用。我使用npm安装了它，并将我的brunch config.js配置为： stylesheets: { joinTo: { 'app.css': /^app/, 'vendor.css': /^(?!app)/ } } 我希望此时会生成vendor.css，但事实并非如此。然而，如果在我的JavaScript中，我说require（'purecss'），然后我得到生成的vendor.css，但我也得到了JavaScript错误无法从'中找到

我正在尝试在我的应用程序中使用。我使用npm安装了它，并将我的
brunch config.js
配置为：

stylesheets: {
  joinTo: {
    'app.css': /^app/,
    'vendor.css': /^(?!app)/
  }
}
我希望此时会生成
vendor.css
，但事实并非如此。然而，如果在我的JavaScript中，我说
require（'purecss'），然后我得到生成的
vendor.css
，但我也得到了JavaScript错误
无法从'
中找到模块'purecss'。我还在CSS中尝试了各种各样的
@import'purecss'
排列，但都没有成功


如何使用npm模块中的供应商CSS？
您应该使用
npm
，例如，当我想包含
节点模块/bootstrap/dist/CSS/bootstrap.CSS
时，我必须在我的
早午餐配置.js中添加以下内容：


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


再加上你在
文件
中的部分，它将引导的css写入
vendor.css



适合我的完整
bunch 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']
    }
  }
};