vue项目-webpack学习笔记

1.若使用到nodejs相关东西
(1)npm init
(2)指定包
2.打包css/less/sass
例如:css要使用两个加载器style-loader,css-loader
vue项目-webpack学习笔记_第1张图片
(1)第一步安装
例如:
在这里插入图片描述
(2)第二步复制官网配置module到webpack.config.js
例如:
vue项目-webpack学习笔记_第2张图片
3.图片的打包处理
有两个加载器url-loader和file-loader
不超过limit限制的用url-loader,超过的用file-loader。
使用file-loader会将图片进行hash加密命名加载到打包的文件里,此时可以通过
在这里插入图片描述
(写在option里) 指定生成后的名字及扩展名,也可以指定存放在哪个文件夹下。

你可能感兴趣的:(前端)