如何在Webpack中使用2个CSS文件

我是Webpack的新用户，已安装"webpack": "^3.5.5"包。这是我的webpack.config.js。如何在Webpack中使用2个CSS文件

module: { 
     rules: [ 
      { 
       test: /\.css$/, 
       use: ['style-loader', 'css-loader'] 
      }, 
      { 
       test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" 
      } 
     ] 
    }

它适用于一个CSS文件，但我想加载2个CSS文件。 1-自举 2- style.css

我尝试了一些我在Github上发现的配置，但它没有帮助。我怎样才能做到这一点？

来源

2017-08-22 Adam Jungen

加载的CSS文件是通过从js文件中导入它们来完成的。所以，如果你想使用的文件“style.css文件”，从一个js文件中导入这样的：

import './style.css';

然后将的WebPack使用的CSS加载在你的风格带来。

来源

2017-08-22 17:05:50 BoxerBucks

我已经这样做了。但它不会同时加载。我使用了两者的要求，它只加载一个保持在上面的要求。 –

我不确定你是如何包括bootstrap的。有了引导程序，如果你想要通过webpack引入html文件，你可能只想在头部使用链接标签。如果你真的想通过webpack引入它，你必须以相同的方式导入它，并引用主要的css文件无论它在哪里生活。如果它在node_modules中，则不需要整个路径，webpack将默认在那里查看。 – BoxerBucks

如何在Webpack中使用2个CSS文件

回答

相关问题