-
21 votesanswersviews
webpack需要相对图像
我有两个文件: ./img/mypic.png ./js/help/targets/target.js 在target.js中: <img src={require("../../../img/target.png")} /> 使用webpack.config.js: 14 module: { 15 loaders: [ 16 ... -
0 votesanswersviews
无法使用file-loader和webpack v2加载字体
我在使用webpack v2和file-loader加载字体时遇到问题 . 对任何字体文件使用url-loader一切都很完美 . 但是,我想使用文件加载器,因此我们可以缓存字体文件,而不是将所有图像和字体存储在捆绑的js文件中 . 我正在使用webpack v2,css-modules和postcss(以及postcss-loader) . 为了简单起见,我在global.pcss样式表中定义了... -
3 votesanswersviews
Webpack文件加载器和CSS中的图像
我通过以下方式在样式表中使用图像(更少) .foo { background: url('../images/foo.png') } 使用HMR时,他们很好 . 但是,在编译 生产环境 时,我希望图像不要嵌入样式表中 . 我已经尝试了url-loader和file-loader . 使用url-loader我无法让它正确地发出图像 . 如果我没有设置限制,那么文件被发送到 output/imag... -
9 votesanswersviews
Webpack [url / file-loader]没有解析URL的相对路径
我在Webpack中遇到了关于Relative Path的问题 . 让我试着解释一下这个场景: 我在 Workspace directory 有2个单独的项目: Project-A [使用Gulp捆绑]: Stable & Working Project-B [使用Webpack捆绑]: New project 由于两个项目都使用相同的样式,所以我想重用 Project A i... -
0 votesanswersviews
webpack url loader不加载jpg图像
我用webpack和url-loader导入jpg图像时遇到了一些问题 . 这是我的webpack配置: const common = { entry: path.join(PATHS.src, 'index.tsx'), output: { path: PATHS.build, filename: 'bundle.js', }, resolve: { e... -
56 votesanswersviews
动态添加图像React Webpack
我一直试图弄清楚如何通过React和Webpack动态添加图像 . 我在 src/images 下有一个图像文件夹,在 src/components/index 下有一个组件 . 我正在使用url-loader和webpack的以下配置 { test: /\.(png|jpg|)$/, loader: 'url-loader?limit=200000' } 在组件... -
0 votesanswersviews
无法检索我的react组件中的图像
我是新编码所以请放纵......我搜索了很多,我没有设法解决我的问题:( 我想通过和html img标签呈现我的图像 . 我看到最好的反应方式是导入我的图像 . 像这样 : import avatar from './avatar.png'; export default class Connection extends React.Component { render () { ...