css-loader 版本号,如何找到webpack对应的loader版本

最新推荐文章于 2023-08-07 20:50:11 发布

歌者曼曼

最新推荐文章于 2023-08-07 20:50:11 发布

阅读量2.9k

点赞数 2

文章标签： css-loader 版本号

困扰了好一会，记录一下学习过程。

如果有不正确的地方麻烦耐心指出。(菜鸡的自我修养)

loader是什么

webpack是前端常见的模块打包工具，但是webpack只能用来处理js代码及其间的依赖。

而前端除了js外还有很多文件，包括css、图片等等，这些文件的打包需要webpack的扩展来实现，这个扩展就是loader。

如何找到对应的loader

搜索webpack，进入官网 -》文档 -》loaders

比如我想加载css的loader，进入样式-》css-loader中查看其安装和配置

loader版本问题

我们按照官网提供的安装方法进行安装，难免会碰到与当前webpack版本不匹配的问题，更改webpack版本不太现实，所以需要安装低版本的loader来实现。

那么怎么知道哪个版本的loader适合自己的webpack版本呢

首先查看自己的webpack版本号。

明确自己要找什么loader，这里我以url-loader为例。

进入github查找url-loader。

通过tag选择不同的版本，以v1.1.2为例

5. 进入package.json文件进行查看

可以知道该版本支持以3,4开头的webpack，满足自己主机的webpack版本号。适配成功

最后使用npm install --save-dev url-loader@1.1.2进行安装(--save-dev表示只在开发环境中使用)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

歌者曼曼

关注关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

css-loader 版本号,css-loader

weixin_39844901的博客

08-03

1691

css-loader 会对 @import 和 url() 进行处理，就像 js 解析 import/require() 一样。快速开始如果要使用 css-loader，你需要安装 webpack@5首先，你需要先安装 css-loader： npm install --save-dev css-loader然后把 loader 引用到你 webpack 的配置中。如下所示：file...

css-loader 版本号,css loader安装问题

weixin_42315866的博客

08-03

1215

$ npm install css-loader style-loader --save-devnpm WARN engine css-loader@2.1.0: wanted: {“node”:">= 6.9.0"} (current: {“node”:“4.4.7”,“npm”:“2.15.8”})npm WARN peerDependencies The peer dependency...

参与评论您还未登录，请先登录后发表或查看评论

如何查看css-loader和style-loader对应 webpack版本

Yan65919的博客

05-05

3721

因为初学，问题太多，不断困扰着我，所以笔记多，而且初级，主要为了记录自己遇到的问题今天问题：安装webpack3.6.0 安装css-loader和style-loader，我轻易认为会根据我本地项目的webpack版本，自动选择安装对应的css-loader和style-loader版本，结果一构建出错，提示：如下 webpack.config.js如下 /* 1、这个文件名是固定的，文件是自建的，建它的目的是在终端不再需要输入webpack ./src/main.js ./dist/bundl

不同版本webpack 适配css-loader、style-loader

weixin_42689772的博客

10-17

1203

前往github搜索自己需要的loader 这里以css-loader为例。打开tags 选择版本打开package.json 文件查看。npm install -S css-loader@版本号。查看这里的webpack 对应版本。查询自己的webpack版本。

根据webpack的版本安装不同版本的css-loader、style-loader

u013594477的专栏

10-21

7637

webpack是前端常见的模块打包工具，但是webpack只能用来处理js代码及其间的依赖。而前端除了js外还有很多文件，包括css、图片等等，这些文件的打包需要webpack的扩展来实现，这个扩展就是loader。遇到了这样一个问题，webpack安装的版本为3.12.0，使用命令进行全局安装： cnpm indtall webpack@3.12.0 -g 同时要在js文件中引入css文件的话，需要安装css-loader和style-loader对应的依赖，执行以下命令安装 cnpm instal

Webpack5快速入门 (二) CSS相关loader的使用及兼容性处理手把手带你打开前端工程化的大门

qq_49900295的博客

04-30

4640

一、CSS-Loader 1.为什么需要loader 2.loader是什么 3.css-loader介绍我们还是用webpack第一篇里的webpack初体验项目，下面是我们的项目目录结构：我们创建一个login.js文件，在里面先创建dom标签，然后再把它放在界面上进行展示，之后再去给相应的元素添加样式，然后再通过webpack做一个统一的打包，之后输出到一个静态资源上去，为我们所用进行部署。下面我们一步步地实现：我们在 login.js 文件中创建一个 login 函数

vue-loader+webpack项目配置

m0_37840862的博客

07-29

2700

1.项目准备安装之前请确保安装了nodejs和npm，在命令行输入node -v查看是否安装node 在vscode终端里面这是npm的镜像仓库，会提高下面下载的速度 # 配置仓库地址 npm config set registry https://registry.npm.taobao.org # 验证是否成功命令 npm config ls 当验证命令结果如下图，则表示成功了 2.初始化项目创建空文件夹"webpackVue"，然后用vscode打开，然后打开vscode终端 # 将项目初始化成

node-sass和sass-loader下载.zip

02-18

"sass-loader": "^版本号" } ``` 最后，运行`npm install`或`yarn`，这将只更新你的`package-lock.json`或`yarn.lock`文件，不会重新下载`node-sass`和`sass-loader`，从而避免了之前的错误。总的来说，`node-...

node.js16.13.0版本对应node-sass sass-loader 可行版本号

qq_46416934的博客

03-08

1156

安装node.js的时候，从官方下载了最新的版本v16.13.0，于是在vue项目中使用lang="scss"的时候，就掉进了一个大坑里，安装sass-loader会发现各种版本冲突，不是webpack就是node-sass…。查阅相关资料发现node.js与node-sass的版本对应关系。还查到了node.js的16版本对应着sass-loader的10.0.1，经过测试还是不行，于是我查看了sass-loader的已发布版本，试了一下v10.2.0，然后就可以了。安装淘宝镜像 npm insta

配置webpack4.34.0+vue2.6.10+bable-loader8.0.6

xpaqd的博客

07-15

818

//package.json文件 { "name": "01.webpack-study", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", ...

Webpack中css-loader和less-loader的使用教程

08-30

主要介绍了关于Webpack中css-loader和less-loader的使用教程，文中通过示例代码介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。

webpack4与它适配的loader版本记录

weixin_46229508的博客

08-03

3335

webpack4与它适配的loader版本记录

webpack安装css-loader和style-loader的版本问题

weixin_43906233的博客

03-27

661

运行指令: npm audit fix (检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖，而不必再自己进行跟踪和修复。)

peer webpack@“^2.0.0“ from sass-loader@5.0.1

huangxunlove的博客

12-18

3605

ECharts是关于图标类的库，涵盖各行业图表，满足各种需求。 1、安装在初始化一个vue项目之后，直接使用npm安装 npm install echarts --save 之后可以在node_modules目录下看到有echarts文件夹

node版本和vue的acss-loader不匹配

Songldoudou的博客

08-07

675

1、安装nvm便于管理node版本。这里我没有删除原来的node版本（后面安装nvm中，直接询问可以管理原来的版本）。1、sass-loader @x.x.x版本。ps：直接管理原来的版本。

vue 2.0+webpack 2.0 配置 sass-resources-loader 全局变量

秋实的博客

05-22

2603

最近在做自己的博客，初次使用vue2.0+webpack 2.0搭建的项目，本来配置了scss用的很顺利了，可是随着博客的开发发现越来越需要搞个全局变量文件配置，根据百度到的资料配置全局一直报错，折腾了快一天才终于解决，得记录下来以后方便查阅。刚开始是一直报：scss expected 1 selector or at-rule,was "{}" 这个错误，翻来覆去检查都没有...

vue27 —— loader (css, less）

weixin_43899694的博客

11-23

258

webpack 本身不具备处理 css、图片，es5，6转换、jsx，.js转为.vue 等的能力需要给webpack扩展对应的loader loader 使用：通过npm安装需要的loader 在webpack.config.js中的module关键字下进行配置大部分loader可在webpack官网中找到并学习步骤：在入口js（main.js）中引入css文件 // 依赖...

webpack对css文件打包：css-loader和style-loader版本过高问题

weixin_43717016的博客

10-26

7048

webpack对css文件打包：css-loader和style-loader版本过高问题问题描述安装css-loader：npm install --save-dev css-loader和style-loader：npm install style-loader --save-dev 在webpack.config.js配置： module: { rules: [ { test: /\.css$/, use: ['styl

css-loader和style-loader安装时版本问题，解决办法【已解决】——coderwhy老师的教程“2019年coderwhy vue-vuejs从入门到精通教程”

fwz123的博客

12-25

1003

在学习coderwhy老师的“2019年coderwhy vue-vuejs从入门到精通教程”课程时，css-loader和style-loader安装失败，解决办法

node-sass 8.0.0对应的sass-loader版本号