1
私のWebPACKの設定でスタイルローダとCSS-ローダーを使用するには、以下の私のwebpack.config.js使用してローダー - JSが無効になっているとのWebPACK
var wpconfig = {
devtool: "source-map",
entry : [
'./src/client/index.js'
]
output: {
path: path.join(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/assets/'
},
module:{
loaders:[
{ test: /\.(jpg|gif)$/, loader: 'url-loader?limit=10000'},
{ test: /\.css$/, loader: 'style-loader!css-loader' }
]
},
plugins: [
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.NoErrorsPlugin()
]
};
module.exports = wpconfig ;
からの抽出物である私は、スタイルが文書の<head>に書き込まれていないことを知ることができ、ページはプレーンテキストとしてレンダリングされます。
私は約extract-text-webpack-pluginについて聞いて、設定を少し変更すると、* .cssファイルを1つのapp.cssにバンドルして、効果的にロードすることができました。
質問：
- は私が右のスタイル・ローダーまたはいずれかのcss-ローダはJSが無効になっている時に頭にスタイルのチャンクを書くために失敗していると仮定するのですか？
- このシナリオでは、extract-text-webpack-pluginを有効なソリューションとして使用していますか？
- このようなシナリオでCSSを読み込む方法はありますか？
P.S：webpackから始まるので、webpack.config.jsで目立つ問題が発生した場合は、指摘してください。
ありがとうございました。しかし、最初のビットはどうですか？ jsが無効になっているときにスタイル・ローダーが機能しないのはなぜですか？ – semuzaboi
あなたは正しいと思いますが、スタイル・ローダーはスタイル・タグを挿入するためにjsを使用します。 ;） – Jeff
はい。ちょうどそれを確認しなければならなかった:) – semuzaboi