webpack 第二部分
默认根目录 当前项目
修改目录 devServer
devServer:{
open:true, //自动打开浏览器
port:3000, // 端口
contentBase:"dist", // 配置服务的根目录
hotOnly:true // 重新加载但是不刷新页面(但是我没成功。。。)
}
loader 解析过程中所依赖的包
css 解析的包 style-loader css-loader
我们的写法尽量采用这种,方便传参
module.exports={
rules: [
{
test: /\.css$/i,
use:[
{
loader:"style-loader"
},
{
loader:"css-loader" // 就比如我想在这传递参数,也方便
options:{}
}
]
}
]
}
less 需要的包 less less-loader // 在 npm 官网查看方法
es6 需要的包 babel-loader @babel/core @babel/prevet-env
关于图片背景 file-loader 这个就是好东西,不要下 url-loader 和 img-loader 太恶心,他的功能就完全可以代替他们
清空 npm 缓存 npm cache clean -f
最新文章
- Android的Handler机制
- [NHibernate]代码生成器的使用
- React之事件绑定、列表中key的使用
- Ubuntu下安装Django
- 批处理命令——set
- inno setup介绍及官方网站地址
- [vijos P1014] 旅行商简化版
- 解决两台虚拟机互ping可通,但connect失败
- APP发布Xcode7
- vim 实现 go to definition的功能
- fiddler插件开发step by step 1
- Linux学习笔记总结--CentOS 设置静态IP
- 在/etc/password用户名前面加hello,ID前加is
- 使用live delegate on解决js后装html故障问题
- 游走[HNOI2013]
- _2_head_中标签
- 【BZOJ4805】欧拉函数求和(杜教筛)
- CountDownLatch 源码解析—— countDown()
- 游戏引擎cocos2d-android使用大全
- 详细QRCode生成二维码和下载实现案例