2017-04-04 21 views
0

webpackを使用していますが、CSSファイルをエラーなしで「インポート」できますが、CSSは最終製品にエクスポートされません。ノードjsモジュールからのCSSのインポート

WebPACKの抜粋:

module: { 
    loaders: [ 
     {test: /\.css$/,loader: 'css-loader'}, 
     {test: /\.scss$/,loader: ExtractTextPlugin.extract('css-loader!sass-loader')}, 
     {test: /\.js$/, loader: 'babel-loader', include}, 
     {test: /\.json$/, loader: 'json', include}, 
     {test: /\.jpe?g$|\.gif$|\.png$/i, loader: "file-loader" }, 
    ] 
    }, 

ラン:

npm install hopscotch 

コード:

import 'hopscotch/dist/css/hopscotch.css'; 

答えて

1
私はcssファイルのための抽出物を使用していませんでした

...

{test: /\.css$/,loader: 'css-loader'}, 

は次のようになります。あなたの答えに加えて

{test: /\.css$/,loader: ExtractTextPlugin.extract('css-loader')}, 
0

を、あなたはまた、抽出されたCSSをエクスポートするために定義するplugins配列にExtractTextPluginを追加する必要があります。

module: { 
    loaders: [ 
    {test: /\.css$/,loader: ExtractTextPlugin.extract('css-loader')}, 
    {test: /\.scss$/,loader: ExtractTextPlugin.extract('css-loader!sass-loader')}, 
    {test: /\.js$/, loader: 'babel-loader', include}, 
    {test: /\.json$/, loader: 'json', include}, 
    {test: /\.jpe?g$|\.gif$|\.png$/i, loader: "file-loader" }, 
    ] 
    plugins: [ 
    new ExtractTextPlugin({ filename: 'style.css' }), 
    ], 
}, 
関連する問題