如何在React组件库中使用和导出独立的Scss？

Question

我正在使用该软件包https://www.npmjs.com/package/create-react-library来创建我的库，但是我认为需要使用另一个软件包或使用webpack，但是我不知道如何使用独立的React项目使用scss来创建组件库。 / p>

Answer 1

您可以在webpack中使用加载程序。 请在网络中搜索sass loader。

例如在webpack.config.js中编写以下代码行：

module.exports = {
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          // Creates `style` nodes from JS strings
          'style-loader',
          // Translates CSS into CommonJS
          'css-loader',
          // Compiles Sass to CSS
          'sass-loader',
        ],
      },
    ],
  },
};