Webpack看这些就够了-----基础

前提:需要安装npm

webpack的安装

打开CMD命令行执行

npm install --global webpack            # webpack 在全局环境下可用

引用自官方文档:不推荐全局安装 webpack。这会将你项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败。

打开工程的命令行:

npm install --save-dev webpack      #安装最新版本
npm install --save-dev webpack@<version>    #安装特定版本

安装完成后还需要安装CLI

npm install --save-dev webpack-cli       #安装CLI

判断是否安装成功

webpack -v                               #查看当前版本

--------------------------------------------------------安装完成??----------------------------------------------------------------

webpack创建vue工程

第一步:创建一个文件夹

第二步:在cmd中进入创建好的文件夹

第三步:输入

vue init webpack "创建项目名称"

Webpack看这些就够了-----基础

 

 

第四步:完成创建

-----------------------------------------------使用webpack创建vue工程??--------------------------------------------------

这时候还需要下载所有的依赖

第一步:进入创建好项目的目录

第二步:打开CMD

第三步:输入

npm install                     #下载所有依赖

等待下载,当在项目文件中出现一个node_modules文件目录时说明下载依赖成功了,

当出现警告时,可以运行他提示的命令来修复他,这里因为没有出现问题所有没法展示了

其实下载所需要的依赖是根据项目目录下的一个 package.json 来下载依赖的

---------------------------------------------------下载所需要的依赖??-----------------------------------------------------------

当完成上面的步骤就可以尝试运行一下项目了

第一步:进入项目目录

第二步:打开CMD

输入

npm run dev

当出现

Your application is running here: http://localhost:8080   #这里地址可能是你们的地址

打开浏览器访问此地址

当出现Welcome to Your Vue.js App说明运行成功了

----------------------------------------------------------运行项目??-----------------------------------------------------------------

 

Webpack看这些就够了-----基础

上一篇:JS基础--作用域及对象解析


下一篇:一文带你掌握K8S [ Kubernetes ]