问如何将npm库中的样式连接到使用css模块的项目？
EN

Stack Overflow用户

提问于 2018-11-02 00:29:04

回答 1查看 76关注 0票数 2

对于项目我使用的React-Quill包https://github.com/zenoamaro/react-quill，它表明你可以导入模块，这样导入到项目中的组件不包括样式，因为项目使用了css- import 'react-quill / dist / quill.snow.css' styles.。在这种情况下如何导入样式？

webpack配置

{
  test: /\.css$/,
  use: [
	{
		loader: 'style-loader'
	},
	{
		loader: 'css-loader',
		options: {
				module: true,
				importLoaders: 1,
				localIdentName: '[path][name]__[local]'
		}
	},
	{
		loader: 'postcss-loader'
	}
]
},

reactjs

回答 1

Stack Overflow用户

发布于 2018-11-02 01:20:44

您可以使用resourceQuery，以便能够加载常规的全局CSS以及CSS模块。

示例

module.exports = {
  //...
  module: {
    rules: [
      {
        test: /.css$/,
        oneOf: [
          {
            // import 'react-quill/dist/quill.snow.css?global'
            resourceQuery: /global/, 
            use: ['style-loader', 'css-loader', 'postcss-loader']
          },
          {
            use: ['style-loader', 'css-loader', 'postcss-loader'],
            options: {
              modules: true,
              localIdentName: '[name]__[local]_[hash:base64:5]'
            }
          }
        ]
      }
    ]
  }
};

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53105435

复制

相似问题

问如何将npm库中的样式连接到使用css模块的项目？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将npm库中的样式连接到使用css模块的项目？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将npm库中的样式连接到使用css模块的项目？
EN