qq_39177417的博客

接上一篇继续回顾一下webpack处理非js文件的相关配置,这就需要使用到loader加载器了打包less文件在src文件夹下面创建一个css文件夹，再创建index.less文件，并写入一些样式ul { li { font-size: 40px; }}因为我下了Easy Less的插件，所以在写好保存之后会自动生成一个转换成对应css的文件：在index.js里面引入less文件 import './css/index.less'安装 npm i st

创建一个文件夹，注意文件夹名不能是webpack，我创建的是webpack-demo。在该文件夹下面创建两个子文件夹，src----用来存放项目源码；dist—用来存放打包后的项目在dist/src上右键第一个打开终端（显示出来的路径最后一段是创建的根文件夹名），先初始化一个管理包的文件：输入npm命令 “npm init -y”，回车出来以下效果就说明初始化成功了，并且在文件夹中会多一个package.json的包管理文件：输入npm命令安装webpack及webpack-cli， “npm.