使用webpack打包css/less/scss/ttf等字体文件,总是会遇到出现很多的问题,程序语音语法每月都在变化,比如去年的语法结构可能在今天使用就会出现各种问题,毕竟语法是不断完善的,遇到纠结时。过多纠缠真的没必要,直到有一天做的多了,然后把前边的稍微变通一下,竟然达到想要的结果。多看多练,多思考,多做笔记自然是好。你得到的东西自然不是别人的。
目标:打包字体文件 png|woff|woff2|svg|ttf|eot
工具: 就是使用webpack工具
基础:适合具有node基础的开发人员适用
需要下载的插件包
css-loader 解析css文件的loader
file-loader 处理文件的loader
html-webpack-plugin 在虚拟内存中创建一个html页面的插件"style-loader 将解析得到的css样式文件插入style并置放head标签的loader
url-loader 解析url路径的loader
webpack 代码编译的工具
webpack-cli 为开发人员提供了一组灵活的命令,以在设置自定义 webpack 项目时提高速度
webpack-dev-server dev虚拟server服务器<