的WebPack

Question

我使用的CSS模塊+ SCSS用的WebPack配置這樣的CSS模塊僅在解構進口隨機類名（只添加了裝載機的部分，其餘是非常標準的）：

module.exports = { 
    module: { 
    loaders: [ 
     { 
     test: /\.(scss|css)$/, 
     loader: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader!sass-loader', 
     }), 
     } 
    ] 
    } 
} 

所以，當我「從style.scss中號進口類：

.someClass { 
    color: red; 
} 

像這樣：

import { someClass } from './style.scss' 

我將結束up類名稱如下：

<div class="style__someClass___2njNO">...</div> 

這對本地風格非常有用，但不適用於依賴於確切類名的東西。

有沒有辦法以某種方式區分進口解構進口（如上面）像這樣：

import 'somemodule/somestyle.css' 

所以在類名以後將不會被修改？

我對任何解決方法感興趣！

Answer 1

在裝載機中聽起來像一個exclude會做的伎倆。

module.exports = { 
    module: { 
    loaders: [ 
     { 
     test: /\.(scss|css)$/, 
     loader: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader!sass-loader', 
     }), 
     exclude: /your-package-name/ 
     } 
    ] 
    } 
}