在反应应用弹出后无法导入外部CSS库(如字体awsome)

时间:2018-09-25 13:32:19

标签: javascript reactjs webpack create-react-app generator-react-webpack

我使用https://github.com/facebook/create-react-app创建了一个React应用。

然后弹出应用npm run eject,并修改 webpack.config.dev.js 和**** Webpack.config.prod.js

`

module: {
    ....
 {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract(
          Object.assign(
            {
              ......
              },
              use: [
                {
                  loader: require.resolve("css-loader"),
                  options: {
                    **importLoaders: 1,
                    modules: true,
                    localIdentName: "[name]__[local]__[hash:base64:5]",**
                    minimize: true,
                    sourceMap: shouldUseSourceMap
                  }
                },
                {
                  .....
              ]
            },
            extractTextPluginOptions
          )
        )
        // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
      },

`

现在我正在通过import styles from './csspath.css'

在组件中使用css

但是我的应用程序中安装了一些外部CSS库(如font-awesome)。现在,我无法使用它,当我@import '~path/cssmodule.css'

时会引发错误

0 个答案:

没有答案