- 博客(5)
- 收藏
- 关注
RSS订阅原创 Webpack入门（loader预处理器）三
一、Webpack loader简介Loader是Webpack生态里一个重要的组成，我们一般称之为预处理器。Webpack在进行打包的时候，对所有引入的资源文件，都当作模块来处理。但Webpack自身只支持对JS文件处理（现在的版本也支持对JSON文件处理），如果你引入了一个CSS文件或图片文件，那么Webpack在处理该模块的时候，会在控制台报错：Module parse failed…You may need an appropriate loader to handle this f
2021-12-18 01:56:23
823
原创 webpack入门（安装）二
Webpack的安装分为全局安装与本地安装，上一篇我们使用的是本地安装，我们也推荐使用本地安装。那么全局安装的Webpack与本地安装的有何不同呢？全局安装的Webpack，在任何目录执行webpack命令都可以进行打包。而本地安装的Webpack，必须要找到对应node_modules下的webpack命令才能执行（在使用npx或package.json的scripts的时候，会自动帮助我们寻找）。那为何推荐本地安装呢？主要是考虑Webpack版本不一致的问题，看完下面的内容就更容易理解了。
2021-12-18 01:31:48
249
原创 webpack入门（快速实例）一
前言：webpack入门系列主要参考了姜瑞涛的教程，内容深入浅出，作为入门教学，对webpack系统化学习十分有帮助，感兴趣的小伙伴可以去看一看姜瑞涛的官网。这里的文章主要是结合自己的操作，与可能面临的问题做的个人总结。前两篇文章已经分享了如何安装node环境与配置，以及利用vue-cli3来初步构建我们的项目，但vue-cli3内部高度集成了webpack，所以没有暴露webpack的配置文件，但项目上一般我们依然需要创建vue.config.js去修改默认的webpack，因此下面我们来系统学习
2021-12-17 22:41:34
440
原创 vue3.0项目构建流程
前言19年8月份的时候，vue-cli更新到了3.X，新版本的脚手架封装度更高，配置起来简单许多，旨在让用户把精力都放在编写业务代码中，3.X脚手架已经自动搭建在webpack4上，所以不用大家再去从webpack3升级到webpack4,当然性能也提高了很多，所以推荐大家使用cli3.X版本去搭建自己的项目，通过这篇教程帮大家熟悉使用vue cli3去搭建vue项目。安装1.卸载旧版本cli如果你之前都是基于vue-cli2.X,你需要先卸载它：#卸载vue-clinpm unin
2021-12-13 23:36:13
773
原创 node.js与npm下载及配置流程
一、安装npm1. 安装node.jsnpm(Node Package Manager): node.js下的包管理器前往node.js官网下载并安装工具，nodejs安装完毕后自动会安装npm，在命令行输入以下命令测试是否安装成功，正确会出现版本号。node -vnpm -v安装node我们常设置在自定义的路径如："D:\nodejs"，且在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Ro
2021-12-13 00:26:42
2761
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人