file-loader 配置問題
那個,老師,好像在 webpack 2.x 版本 file-loader 配置變了.怎么寫,打包文件都沒圖片輸出
薛3
2017-05-24
3 回答
舉報
0/150
提交
取消
2017-05-25
module:?{ ????rules:?[ ??????{ ????????test:?/\.css$/, ????????use:?ExtractTextPlugin.extract({ ??????????fallback:?'style-loader', ??????????use:?'css-loader' ????????}) ??????}, ??????{ ????????test:?/\.js$/, ????????exclude:?/(node_modules|bower_components)/, ????????use:?{ ??????????loader:?'babel-loader', ??????????options:?{ ????????????presets:?['latest'] ??????????} ????????} ??????}, ??????{ ????????test:?/\.(jpg|jpeg|png|gif)$/i, ????????use:?{ ??????????loader:?'file-loader', ??????????options:?{ ????????????name:?'[name]?[hash:8].[ext]', ????????????outputPath:'asset/img/' ??????????} ????????} ??????} ????] ??}試試這樣配置呢
2017-09-06
為什么我的html文件中的src引入的圖片不會被替換成打包之后的文件夾下的圖片呢
{ ????test:?/\.(jpg|jpeg|png|gif)$/i, ????use:?{ ????????loader:?'file-loader', ????????options:?{ ????????????name:?'[name]?[hash:8].[ext]', ????????????outputPath:?'assets/images/' ????????} ????} },2017-05-25
{?//?圖片資源的加載及壓縮 test:?/\.(png|jpg|gif|svg)$/i, use:?[{ loader:?"file-loader", options:?{ name:?'/[name].min.[ext]', outputPath:?'img' } }, {?//?壓縮圖片用的?loader loader:?'image-webpack-loader' } ], include:?[path.resolve(__dirname,?'src/images')] },我試了一下.會多嵌套一層,我是這樣配置的.就可以了.
但是,對于引用子組件后,子組件內(nèi)部的 css 文件圖片的 url 的路徑還是沒有辦法解析.很是苦惱!