程序铺子

首先我们应该登录到阿里云官网，来到云服务器管理控制台，查看我们的服务器运行情况，保证我们的云服务器是运行状态。 下面我们要下载两款远程连接的软件Xshell和Xtfp。Xshell是用来远程登录Ubuntu服务器的，登录完成之后，我们便可以自由操控。Xftp是用来想Ubuntu…

1. 初始化项目 npm i -D是 npm install --save-dev 的简写，是指安装模块并保存到 package.json 的 devDependencies中，主要在开发环境中的依赖包。 3. 新建文件，初始化项目目录 现在我们就可以运行npm run bui…

1. 写在前面 在前面的博客中我们说过，webpack之所以有这么强大的功能，是因为它借助了很多 loader 和 插件 的帮助。在之前webpack配置中，我们已经介绍了很多 loader 和 插件 ，在这里再介绍三种小插件，可以帮助我们更好地使用webpack构建项目。 这…

1. 写在前面 Webpack作为一个功能强大的构建工具，能够对我们书写的代码进行打包编译，从而生成一系列新的代码文件，使得项目能够够在浏览器中正常渲染。 对于这种报错，如果是简单的项目还好。但是如果项目稍微复杂一点，开发人员进行调试程序，会变得非常困难。开发人员所期望看到的报…

1. 写在前面 如果你熟悉Vue或者React的话，那么你肯定知道使用这些框架创建的应用属于 单页面应用 。这些框架底层使用的就是Webpack来构建项目，通过对项目文件进行打包编译，最终生成一个 .html 文件，所以我们说这些应用属于 单页面应用。 但是在使用webpack…

1. 写在前面 在一些基于Webpack的项目中，我们可能会遇到这个情况：使用本地开发服务器开发项目的时候，项目可以正常运行，所需要的资源也能正常请求到。但是项目经打包编译，部署到服务器上之后，会报错一些 404 的错误，显示一些图片文件、css文件或js文件等找不到。 这个时…

1. 写在前面 在前面的博客中，我们对Webpack项目进行了很多配置，也多次打包编译了项目。如果你细心观察的话，你会看到，项打包编译后的目代码,全部都放在了 build 文件夹下，没有根据文件格式的不同再次进行分类。 但是我们所期望的场景是：项目打包编译之后，对文件进行分类，…

1. 写在前面 在前端项目中，图片是必不可少的一种资源。在使用图片的时候，我们可以有以下几种方式： 但是在基于webpack的项目中，如果你只是简单的引入，而没有对这些图片文件做一些配置处理的话，是不能成功的。比如，如果你在一个 .js 文件中书写以下代码： 错误提示很明显：我…

1. 写在前面 在做项目的时候，我们可能会经常遇到这种场景：一个变量我在很多文件中都要用到。这变量可能是第三方包，或者是自己定义的一个工具类对象等。 比如在基于jQuery的多页面应用中，在每一个页面中都要使用到 jQuery对象 ；在单页面应用中，一个 消息提示框 在所有组件…