-
4 votesanswersviews
Webpack文件加载器不会复制文件
在Angular2应用程序中,我在webpack配置中设置了文件加载器,如下所示: { test: /\.(eot|svg|ttf|woff|woff2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file?name=/assets/fonts/[name].[ext]' } 我在配置中的其他地方也有这个: modulesDirectori... -
1 votesanswersviews
带有boostrap-sass的Webpack ExtractTextPlugin
我正在使用bootstrap sass和extract text-plugin将已编译的css输出到文件中 . 如果我不在我的style.scss中导入bootstrap,它可以很好地工作,但是当我导入bootstrap时,webpack无法解析字体路径 . 它在我的src文件夹中查找bootstrap字体而不是/ node_modules / bootstrap-sass / 找不到模块:错误:... -
3 votesanswersviews
webpack 4 - fileloader无法正常工作
[webpack.config.js] test: /\.(png|jpg|jpeg|gif)$/, use: [ { loader: 'file-loader', options: { name: 'img/[name].[hash:10].[ext]', } } ] [在前端代码(MainPage.jsx... -
1 votesanswersviews
Webpack文件加载器自定义路径
我有这样的多个条目: entry:{ 'dist/folder1/video.mp4': 'src/folder1/video.mp4', 'dist/folder2/otherfolder/video2.mp4': 'src/folder2/otherfolder/video2.mp4' } 我正在使用文件加载器来处理.mp4文件,我想让所有相关文件夹成为dist输出文件夹中'... -
1 votesanswersviews
Webpack并复制,同时保留文件结构
我目前正在为一个新项目设置一个webpack工作流程,我在理解如何复制图像同时仍然保留旧文件夹结构时遇到了困难 . 例如,我在/src/img/folder/name/01.png下有图像 在webpack中使用以下规则,可以将所有图像直接存放到/ dist / img /文件夹中,而无需考虑文件夹结构 . { test: /\.(jpg|png|svg/gif)$/, exclude: ... -
1 votesanswersviews
具有程序化img src的WebPack HTML和文件加载器
我正在使用WebPack 2,我们尝试使用Vue以编程方式指定图像名称,并将其绑定在HTML中 . 由于图像名称和路径在运行时没有绑定,因此HTML和File Loader不会重写URL . 有没有办法告诉HTML /文件加载器“在运行时可能需要[这些文件]”而不只是将它们放在文件复制插件的列表中? <img :src="`~assets/images/tmp-iconic/${r... -
0 votesanswersviews
如何使用Node和Webpack正确加载照片?
我应该通过导入相对路径还是通过引用文件URL来加载节点中的照片,以及如何从相对路径正确加载照片? 目前我正在使用express提供静态文件: server.use(express.static(__dirname + '/../public')); 并通过引用文件URL加载照片: <img src='/images/tom.jpg'/> 我有一个webpack配置设置为使用文件加载... -
1 votesanswersviews
使用Webpack生成具有相对资产路径的HTML
我有以下src文件夹结构: /src +-- /app | +-- index.js | +-- /templates | +-- index.html | +-- /subfolder | +-- nested.html | +-- /images | +-- webpack.png | +-- /styles | +-- index... -
3 votesanswersviews
webpack文件加载器相对路径
我有一个webpack配置文件和像这样的图像的示例测试: module: { rules : [ test : /\.(jp?g|png|gif)$/, 'file-loader?name=[name].[ext]&outputPath=images/' ] } 我有一个像这样的简单文件结构: / src ... -
3 votesanswersviews
在webpack中加载.otf字体文件的正确方法是什么?
使用webpack时加载.otf字体文件的适当方法是什么?基于我在以下几行中看到的许多例子,我已经多次尝试在我的_2885930中包含一条规则,没有任何成功: { test: /\.(eot|svg|ttf|otf|woff)$/, use: 'file-loader' } //or { test: /\.(eot|svg|ttf|otf|woff)$/, use: 'url-loader' } ... -
4 votesanswersviews
webpack html-loaders小写angular 2内置指令
我使用html-loader加载我的html模板和文件加载器来加载模板中的图像 . 这在dev中运行得很好但是当我运行build:prod并运行输出时,我得到一个模板解析错误 . 似乎所有angular2内置指令(例如,* ngFor,* ngIf)都被转换为全部小写(例如,* ngfor,* ngif),这些都是错误的例子 . 我尝试创建一个单独的项目,这一次,不使用角度2的任何内置指令,一切正... -
1 votesanswersviews
如何使用Webpack文件加载器设置多路径导出图像文件
我正在研究Webpack来构建我的模块包 . 我使用文件加载器在javascript中加载图像文件 . 这些行用于加载图像文件: { test: /\.(jpe?g|png|gif|svg)$/i, use: [ { loader: 'file-loader', options: { name: 'images/[na... -
1 votesanswersviews
webpack文件加载器冻结
我有一个遗留项目,我在前一段时间介绍了webpack / react . 文件夹结构: -webroot -img -web -project - webpack.config.js - package.json -src - client.js 现在我想通过文件加载器添加图像加载 . webpack配置: const webpa... -
1 votesanswersviews
REACT PDF:无法使用包显示静态PDF文件
我想在React应用程序中显示静态pdf . 我尝试过很多套餐: 反应-PDF 反应-PDF-JS 反应-PDF-JS-无限 简单反应的-PDF pdfjs - 距离 反应-PDF,网页 他们经常说我们可以轻松地使用URL或pdf文件作为PDF组件的道具,但我也不能使用它们 . 我有两个主要错误 . 由于我想使用myPDF作为组件的道具,我写这个: 从'path / to / pdf_fil... -
4 votesanswersviews
Webpack相对于带文件加载器/ css-loader的css url()
我是webpack / npm的新手,我正试图了解如何在其他项目依赖中使用css url . Folder structure src fonts/ scss/ app.scss js/ app.js img/ index.html webpack.config.js var path = require('path'); var extractPlugin ... -
0 votesanswersviews
无法使用file-loader和webpack v2加载字体
我在使用webpack v2和file-loader加载字体时遇到问题 . 对任何字体文件使用url-loader一切都很完美 . 但是,我想使用文件加载器,因此我们可以缓存字体文件,而不是将所有图像和字体存储在捆绑的js文件中 . 我正在使用webpack v2,css-modules和postcss(以及postcss-loader) . 为了简单起见,我在global.pcss样式表中定义了... -
4 votesanswersviews
如何使用webpack捆绑图像?
我正在使用webpack模块捆绑器制作angular2应用程序 . 现在我添加了文件加载器来加载图像文件,如jpg,gif,png等 . 但是当我运行build命令时,图像文件没有被捆绑 . 这是我的配置: webpack.config.js (仅限图像加载程序配置) { test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)(\?v=.+)... -
5 votesanswersviews
Webpack - 使用文件加载器需要图像
我正在使用Webpack作为我的React应用程序 . 我在我的webpack配置中安装了“File-loader”和“Url-loader” . 但是,我不知道如何将图像链接到我的组件 . 我在'Data.js'文件中保存图像的'src',从那里我将图像的数据传递给react组件 . 我的webpack.config.js: ... const PATHS = { app : path.... -
3 votesanswersviews
Webpack文件加载器和CSS中的图像
我通过以下方式在样式表中使用图像(更少) .foo { background: url('../images/foo.png') } 使用HMR时,他们很好 . 但是,在编译 生产环境 时,我希望图像不要嵌入样式表中 . 我已经尝试了url-loader和file-loader . 使用url-loader我无法让它正确地发出图像 . 如果我没有设置限制,那么文件被发送到 output/imag... -
1 votesanswersviews
用于Angular中静态图像的Webpack和文件加载器
我正在使用Angular应用程序,我已经设置了我的webpack conf以使用文件加载器来加载我使用的图像 . 我的应用程序的结构是 /src /app /components /my-header my-header.component.ts /styles /assets mylogo.jpg 我的webp... -
1 votesanswersviews
使用webpack文件加载器访问嵌套的react-routes中的资源
我最近使用reactHistory中的react-router切换到了路由器历史记录 . 但是有一个问题 . 每次我访问嵌套路由并尝试刷新页面时,都无法找到公共资源,例如我的徽标,因为它使用嵌套路由的第一部分作为资源的根 . 在我的index.js中,我需要如下图像: require('./images/logo-icon.png'); 我在导航栏组件中使用了一个徽标,如下所示: <Lin...