0
로컬로 이미지를로드하려고하는데 이미지 파일이 jsx 파일의 같은 폴더에 있습니다. 이다Webpack img-loader가 이미지를로드 할 수 없습니다.
path = require('path');
module.exports = {
context: __dirname,
entry: "./app/entry.jsx,
output: {
path: path.join(__dirname, 'lib'),
filename: "bundle.js",
devtoolModuleFilenameTemplate: '[resourcePath]',
devtoolFallbackModuleFilenameTemplate: '[resourcePath]?[hash]'
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['react']
}
},
{
test: /\.css$/,
loader: "style-loader!css-loader?root=."
},
{
test: /\.(jpe?g|png|gif|svg)$/i,
loader: 'url?limit=10000!img?progressive=true'
}
]
},
devtool: 'source-map',
resolve: {
extensions: ["", ".js", ".jsx" ]
}
};
을하고 jsx는 오류가 콘솔에 표시이
var loadingImg = require('url!img!./loading.gif');
같다 : :이를로드하는 방법을
ERROR in Loader app/node_modules/url/url.js didn't return a function
@ app/components/session/login.jsx 5:17-49
webpack.config.js은 다음과 같습니다있다 영상?
'require()'에 정의 된 로더가 필요하지 않습니다. 문서에서 : "[구성의 로더 지정은 권장되는 방법입니다] (https://webpack.github.io/docs/loaders.html)" –