webapck运行报错- css-loader minimize

html-css018

webapck运行报错- css-loader minimize,第1张

在使用css-loader的minimize时报错:

移除minimize: true, 因为在webpack 3.0 之后以及 css-loader 1.0 以上已经将 minimize 这个属性去掉了。

参考地址: https://www.cnblogs.com/isXianYue/p/14315803.html

如果有这样的报错问题,皆是版本错误所致,降级即可解决了。

less-loader - npm (npmjs.com) ,地址

寻求到对应的版本,单击,安装即可了

因为在开发中不仅需要处理js文件,还需要处理css、less、scss、图片,或者将typescript、ES6转成ES5等,仅仅有webpack是不够的,不支持这些转化,这个时候就需要使用loader。

针对处理不同的文件需要安装不同的loader,详见 https://www.webpackjs.com/loaders/

比如处理样式相关的loader,则需要使用css-loader,首先需要安装:

npm install css-loader --save-dev(如果需要指定安装版本的话就npm install css-loader@版本号 --save-dev,具体安装什么版本,看个人需求,版本号详见 https://www.npmjs.com/ ),

此时在终端对程序进行打包,发现报错,原因是仅安装css-loader不够,还需要安装style-loader。

安装 style-loader ,npm install style-loader--save-dev,然后配置webpack.config.js

此时需要注意:在配置时,主要css-loader和style-loader的顺序,得先写style-loader,然后在css-loader,原因是loader是链式调用,style-loader 负责将样式添加到DOM中,css-loader 负责将css文件加载。

如果使用less时,需要安装 npm install less-loader  less  --save -dev,同理也需要在webpack.config.js中配置。

⑥如果加载图片文件时,需要安装npm install url-loader  --save -dev

(如果加载的图片大于limit,则还需要安装npm install file-loader   --save -dev)