0
devtools configオプションが「source-map」を含む任意の値に設定されている場合、ソースマップを生成するためにextract-text-webpack-pluginを設定する方法一致)?extract-text-webpack-pluginのソースマップを設定する
devtools configオプションが「source-map」を含む任意の値に設定されている場合、ソースマップを生成するためにextract-text-webpack-pluginを設定する方法一致)?extract-text-webpack-pluginのソースマップを設定する
逆も同様です。 このようなものは間違いなく機能します。必要に応じてSCSS/LESSで設定してください。
var DEBUG_MODE = process.env.NODE_ENV !== 'production';
module.exports = {
...
devtool: DEBUG_MODE ? 'cheap-source-map' : 'source-map'
...
module: {
loaders: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract("style-loader", "css-loader")
}
]
},
plugins: [
new ExtractTextPlugin("styles.css")
]
ありがとうございました!しかし、これは私が達成しようとしているものではありません:私はExtractTextPluginにdevとprodの両方のソースマップを生成したいと思います。 devの場合、「devtool」は「cheap-source-map」に、prodは「source-map」に設定されています。だから私はdevの設定を実行しているときに、CSSのソースマップは空です。 – kirschpirogge
@kirschpirogge:私はあなたのreqのためのソリューションを更新しました。 devtool:DEBUG_MODE? 'cheap-source-map': 'source-map' – Ravi
オクラ、クール!しかし、 'devtool'が 'cheap-source-map'に設定されていると、ExtractTextPluginはCSSのソースマップを生成しません。何とかそれらを生成するように設定することはできますか? – kirschpirogge