webpack不认识文件加载器
webpack是一个现代化的静态模块打包工具，它主要用于将各种资源（如JavaScript、CSS、图片等）打包成一个或多个静态资源文件，以便在浏览器中加载。然而，webpack本身并不认识文件加载器，它只能理解JavaScript和JSON这两种文件类型。
为了让webpack能够处理其他类型的文件，我们需要使用相应的文件加载器。文件加载器是webpack的插件，用于在打包过程中对特定类型的文件进行处理和转换。通过加载器，我们可以将非JavaScript文件转换为JavaScript模块，以便在应用程序中使用。
常见的文件加载器有：
- babel-loader：用于将ES6+的JavaScript代码转换为ES5的代码，以便在旧版浏览器中运行。 推荐的腾讯云相关产品：无
- css-loader：用于解析CSS文件，并处理其中的依赖关系，例如@import和url()。 推荐的腾讯云相关产品：无
- style-loader：将解析后的CSS代码以<style>标签的形式插入到HTML文件中。 推荐的腾讯云相关产品：无
- file-loader：用于处理图片、字体等文件，将它们复制到输出目录，并返回文件路径。 推荐的腾讯云相关产品：无
- url-loader：类似于file-loader，但可以将小文件转换为DataURL，减少HTTP请求次数。 推荐的腾讯云相关产品：无
- sass-loader：用于将Sass/SCSS文件转换为CSS。 推荐的腾讯云相关产品：无
- less-loader：用于将Less文件转换为CSS。 推荐的腾讯云相关产品：无
- ts-loader：用于将TypeScript文件转换为JavaScript。 推荐的腾讯云相关产品：无
这些加载器可以通过在webpack配置文件中的module.rules字段中进行配置和使用。每个加载器都可以设置不同的选项，以满足特定的需求。
需要注意的是，webpack 2及以上版本已经支持使用规则（rules）替代旧版的加载器（loaders）配置。规则提供了更灵活和可读性更好的配置方式。
更多关于webpack的信息和使用方法，可以参考腾讯云的Webpack产品介绍页面：Webpack产品介绍。
相关·内容
1回答
webpack不认识文件加载器
reactjs、webpack
我和webpack有一个项目，添加了一个图片，我添加了文件加载器和图片，并给出了以下错误： ERROR in ./src/index.js 我的webpack是这样的： { use: [ ]
} 如果我删除文件加载器，错误继续，那么问题是它无法识别
浏览 35提问于2019-03-16得票数 1
1回答
webpack + babel -反应，意料之外的“进口”
javascript、webpack、babeljs
Logary, Targets, getLogger, build } from 'logary';{} HtmlWebpackPlugin = require('html-webpack-plugin
浏览 0提问于2016-04-03得票数 20
回答已采纳
1回答
Webpack不认识css加载器
css、asp.net、reactjs、webpack、sass
在尝试集成CSS (专门针对react-table包样式，'react-table/react-table.css')时，webpack拒绝编译它。我还尝试使用一个非常基本的css文件来查看它是否是react-table。无论我如何尝试，我都会得到错误： 未捕获错误:模块分析失败:意外标记(1:0)您可能需要适当的加载器来处理此文件类型，当前没有配置加载器来处理此文件。("webpack-not
浏览 11提问于2019-07-03得票数 0
回答已采纳
1回答
Webpack即使安装了适当的加载程序也不识别CSS文件。
css、webpack、webpack-5、webpack-loader
webpack似乎不认识我的CSS文件，即使安装了适当的加载器.const path = require("path"); "build:prod": "webpack --watch --env production",
"start:dev": "<
浏览 3提问于2021-11-28得票数 0
回答已采纳
1回答
如何加载镜像react babel
reactjs、electron、babeljs
我在我的app.js上加载图标 import bg from './icons/bg.png';import rg from './icons/rs.png'; 当我运行默认的react启动脚本时，它们工作得很好，但是当我尝试使用这个webpack进行编译时： const path = require('path');
module.exportsSe
浏览 54提问于2021-02-28得票数 -1
回答已采纳
2回答
Rails 6:如何禁用Webpack并使用链轮
ruby-on-rails、rails-sprockets
但是，我不认识webpack，我想用链轮代替。
如何正确地将webpack从Rails 6中移除并安装链轮？rails new app立即安装webpack文件。是否有一种方法可以很容易地默认链轮？Rails (Ruby)应该是的约定，而不是配置，但是Webpack (Javascript)通过增加大量的配置和复杂性来取消它。
浏览 0提问于2019-03-18得票数 36
回答已采纳
1回答
Webpack 4:文件加载器不加载.css或.scss文件中的资源
css、webpack、webpack-file-loader
我试图移动我的一个.scss文件中使用的资源(图像和字体)，但它们似乎被忽略了： 这是我的.scss文件： @font-face { src/assets/images/bg.jpg');const { CheckerPluginstyles_bundle.css',
浏览 7提问于2018-12-25得票数 0
1回答
刷新页获得404:仅在使用/dist文件夹时发生
angular、loopbackjs、angular-cli
我有一个LoopBackJS Restful服务器运行在: localhost:3000上。
我可以做localhost现在，我使用'ng build‘构建了一个角度应用程序，并将输出'dist’文件夹指向服务器目录(
浏览 2提问于2017-01-07得票数 2
1回答
Webpack不认识css-加载程序
reactjs、webpack、css-loader、webpack-loader
我的应用程序在yarn中正常运行，但当我使用基准库react-benchmark (使用webpack )时，无法加载css。下面是整个项目的一个最小示例：$ react-benchmark --debug src/index.tsx/Users/dustinfreemanSee https://webpack.js.org/concepts#loaders| font: 1
浏览 7提问于2021-03-13得票数 0
2回答
如何在Webpack中将较少的文件转换为css？
gulp、less、webpack
我是新来的webpack。想知道我们如何像使用cssify插件一样，使用webpack将较少的文件转换为css吗？
浏览 0提问于2016-02-18得票数 1
2回答
为什么有webpack生成的多个js文件？
reactjs、webpack
我是新来的反应和webpack，只是一些问题的js文件生成。我一直以为webpack会把所有的依赖项js都放到一个bundle.js文件中，但是当我检查我的浏览器时，我发现实际上有三个文件：为什么webpack不把所有东西都打包成一个bundle.js文件呢？Q3-谁在index.html文件中插入每个js文件的脚本元素? <em
浏览 3提问于2019-10-08得票数 1
回答已采纳
1回答
节点:将ES6 JS模块合并为一个.min.js文件
javascript、node.js、npm、es6-modules
例如，一个或多个组件之间可能存在依赖关系：class Component_1{}}import {Component_1} from '.1:将所有.js模块合并到一个文件中。有很多插件和软件包，如webpack，汇总，丑陋，咕哝，吞咽，尤曼等。但我确实不
浏览 2提问于2021-02-03得票数 2
2回答
Webpack为项目中的图像创建哈希文件名
javascript、webpack
在我的client/components文件夹中的一个组件中，我从public/images文件夹导入了三个图像。在某一时刻，webpack为每个图像创建了一个文件，其散列名称如下：0e8f1e62f0fe5b5e6d78b2d9f4116311.png。如果我删除这些文件，它们不会被重新创建，我希望webpack只使用图像文件夹中提供的图像。
现在，我正在尝试将应用程序部署到代理服务器上，散列文件在页面加
浏览 2提问于2019-04-12得票数 1
1回答
Vue和Django开发环境
django、vue.js、vuejs2、webpack-dev-server、vue-loader
我正在尝试使用vue加载程序(webpack-简单模板)。
问题是我不知道如何同步npm run dev和python manage.py runserver。我不知道如何访问django在webpack开发服务器中呈现的模板。我的意思是，我有一个模板，与django-模板特定的关键字，比如{% load static %}，显然不是由webpack开发服务器处理的。在webpack中，它被指定在默认的index.html文件上运行，如何使它在运行py
浏览 7提问于2017-10-18得票数 4
回答已采纳
1回答
使用与webpack反应的图像是行不通的
javascript、node.js、reactjs、webpack
我有一个项目，使用webpack和反应。我使用文件加载程序/url-加载程序使用图片与webpack/react设置。import Img from '/image/source/image.jpg'，但是如果尝试<img src={Img}>，src是一个base64代码，意思是module.exports = __webpack_public_pathwebpack.config.js
浏览 1提问于2018-05-06得票数 5
回答已采纳
1回答
Webpack 4+ pug文件不会自动编译
webpack、pug-loader
webpack四岁时是个打手。关于如何设置它以便编译器在编辑文件之后运行，有什么帮助吗？webpack.config.jsconst HtmlWebpackPlugin = require('html-webpack-plugin");
const CleanWebpackPlugin = require
浏览 0提问于2018-11-20得票数 1
回答已采纳
1回答
如何在EJS文件中获取JSON内容[WEBPACK]
webpack、ejs、webpack-file-loader
我希望从外部JSON文件中获取值，并在EJS文件中使用这些值，后者由webpack编译为HTML。我在我的EJS里尝试过这样的事情：require('./components/products.json')但是，我在呈现时获得的唯一输出(在HTML文件中)是：我试过用取，但在捆绑时间Webpack不认识</em
浏览 2提问于2019-11-12得票数 0
回答已采纳
2回答
Angular2 :如何参考图像
angular、webpack、vaadin、polymer-1.0
我有一个angular2 / webpack项目，它使用聚合物元素。paper-card image="img/home.jpg">
- home.component.ts我有以下webpack配置：devtool: 'cheap-module-ev
浏览 4提问于2016-12-07得票数 1
回答已采纳
1回答
gulp:模块解析失败
json、npm、gulp、webpack、laravel-elixir
模块解析失败: /var/www/html/filecloudprod/node_modules/diffie-hellman/lib/primes.json意外令牌(2:11) )您可能需要一个适当的加载程序来处理该文件类型我的package.json文件。4.3.0", "node-uuid": "^1.4.7&q
浏览 3提问于2016-10-27得票数 1
回答已采纳
1回答
使用webpack捆绑CSS
javascript、css、node.js、npm、webpack
我有一些NPM的泥巴，我试图捆绑webpack，所以我不需要使用CDN。例如，我有Bootstrap有一个NPM模块。在我的entry.js文件中，我有require('bootstrap');，但这只给了我javascript文件。我见过其他npm模块，如bootstrap-webpack等，但我不明白为什么我需要下载另一个模块，如果我已经有引导我的node_modules的一部分。
浏览 4提问于2015-12-22得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
