webpack loader打包css,less文件

终端运行

npm install --save-dev css-loader

注意这里安装loader是官网最新版本。由于我使用的webpack版本是3.6.0 所以这里我们安装一款低版本的 npm install css-loader@2.0.2 --save-dev    卸载的话执行npm uninstall --save-dev css-loader

在webpack.config.js里配置

再次终端执行:npm run build(这里为什么这样写是因为在package.json里配置过 本地)

大功告成！

当然还没结束还有less文件，加油！

首先在css文件夹下创建special.less 里面书写样式

然后下载less-loader终端执行：npm install less-loader@4.0.0 -D   

安装下依赖(鄙人在这里栽了跟头，还是下载下依赖比较保险)：npm i less -D

之后在main.js里面 写依赖less文件 与css同理 

之后在webpack.config.js里添加

再次 npm run build

大功告成！