webpack配置css,less,scss等文件的方法
-1. css
需要用到的插件 style-loader css-loader
使用下列代码安装插件
sudo npm i style-loader css-loader
-
1.1 首先在src/css下面创建一个css文件,命名为index.css
1.2 在内存中,根据指定的模板页面,生成一份内存中的首页,同时把打包好的bundle注入页面底部var htmlWebpackPlugin = require(‘html-webpack-plugin’
1.3 配置plugins和module。//由于webpack是基于node进行的,所以在配置文件中,任何node的代码都是支持的 var path = require('path') // 1.在内存中,根据指定的模板页面,生成一份内存中的首页,同时把打包好的bundle注入页面底部 var htmlWebpackPlugin = require('html-webpack-plugin') //当以命令行形式运行 webpack 或 webpack-dev-server 的时候我们发现并没有提供打包文件的入口和出