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: ['style-loader', 'css-loader']}]}

执行npm run build打包出现以下问题
原因：css-loader和style-loader版本过高，导致打包不成功

解决一

css-loader :https://www.npmjs.com/package/css-loader
style-loader:https://www.npmjs.com/package/style-loader
点击versions，找到指定版本点击
点击后，复制cmd命令到终端
指定版本的loader安装成功

解决二

直接更改package.json文件中的版本号
重新安装，在终端中执行：npm installl

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

webpack配置：css文件打包、JS压缩打包和HTML文件发布
一.CSS文件打包 1.在src下新建css文件,在css文件下新建index.css文件,输入以下代码 body{color:red;font-size:20px; } 2.css建立好后,需要引入 ...
webpack 入口文件 php,如何实现webpack多入口文件打包配置
本篇文章主要介绍了webpack多入口文件页面打包配置详解,现在分享给大家,也给大家做个参考. 大多数情况下,我们使用 webpack来打包单页应用程序,这个时候只需要配置一个入口,一个模板文件,但也 ...
php修改css文件后缀,css样式表文件的扩展名是什么
css样式表文件的扩展名是".css",css样式表文件是用于装CSS代码的文本文件,而CSS代码具有一定规律规则的文本代码组成,css文件是以".css"为后 ...
The way of Webpack learning (IV.) -- Packaging CSS（打包css）
一:目录结构二:webpack.config.js的配置 const path = require('path');module.exports = {mode:'development',entr ...
【JavaScript】 Webpack安装及文件打包
背景最近开启一个新项目,需要对前端的各类资源文件进行打包,经过多方调研后,决定使用webpack工具.但是网上的教程多是将webpack直接作为服务器使用,而我只是想将其作为单纯的资源打包工具而已. ...
dede css文件,dede css教程
dede css教程 [2021-02-12 18:25:39] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace("/(\s ...
html 外部调用css文件路径,CSS编程的外部CSS文件引用方法是什么
CSS编程的外部CSS文件引用方法是什么 CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件. 外部引用相对于内部引用和内联引用来说是高效的`是节省宽 ...
Vue设置全局css文件以及css组合器
ue设置全局css只要在main.js里引入css文件即可,如: import '@/assets/style.css'; // 全局css 记录一下自己常常记混的几个选择器组群选择器(,) //分 ...
Visual Studio各版本工程文件之间的转换（VS低版本打开高版本、高版本打开低版本项目问题）
高版本的VS项目用低版本的VS编译器打开会报错: 通过修改Solution文件和Project文件,可以使低版本转换为高版本.低版本转化为高版本. 例如将VS2013工程转换为VS2010工程: 1. ...

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

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

问题描述

解决一

解决二

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

最新文章

热门文章