同时允许CSS模块和导入

时间:2016-04-27 17:59:56

标签: css reactjs webpack

我对Webpack很新。基本上现在它的设置是为了支持React css-modules。但是,我希望它也支持简单的导入,比如

import classes from './My-Classes.scss'

&安培;

import './My-Other-Classes.scss'

对于前者,我有

{ test: /\.scss$/, loader: 'style!css?modules&importLoaders=2&sourceMap&localIdentName=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!sass?outputStyle=expanded&sourceMap' },

是否可以允许两种导入方式,如果允许,可以如何进行导入?

感谢。

1 个答案:

答案 0 :(得分:0)

尝试在您的网络包配置文件中添加:

app:value="@{address.country}"

您需要将这些模块添加到package.json:

module: {
    loaders: [
      {
        test: /\.scss$/,
        exclude: /node_modules/,
        loaders: ['style', 'css', 'sass']
      },
      {
        test: /\.css$/,
        exclude: /node_modules/,
        loaders: ['style', 'css']
      }
    ]
  }