webpack指令 webpack常用指令

webpack和webpack cli区别

cli 是 command line interface 即命令行界面。

webpack cli也就是webpack的命令行界面。可以通过在终端输入命令的方式配置，启动webpack

命令webpack和npm run webpack有什么区别

webpack是webpack自带的一条打包命令，是最基本的打包命令。npmrunwebpack，则是在package.json文件中有一个script配置项，在这个script里面自定义的一条命令，它通过npm来运行。例如： scripts":{ "start":"webpack--configwebpack.config.js--progress--watch" } 当脚本名为“start”时，可以省略“run”，直接为： npmstart 你说的属于这种情况：脚本名称为“webpack” scripts":{ "webpack":"webpack--configwebpack.config.js--progress--watch" } 后面可以加一些参数来方便开发，执行下面这条语句 npmrunwebpack 就相当于执行脚本里的那一长串命令了

npm和webpack区别

npm是前端的包管理器，都可以使用命令行安装依赖包。npm是嵌套在nodejs中的，电脑上安装了nodejs了，就可以使用npm命令安装依赖。

webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。

clique怎么设置

安装

vue cli 2

vue cli 3

需要注意的是如果希望安装 vue-cli 3，而环境里已安装 vue-cli 2，则需要使用指令

进行卸载后，再安装 vue-cli 3

使用

这里是使用脚手架初始化项目的指令，而这里的 webpack 指的不是 webpack 本身，而是预设好的一套完整版 webpack 配置的模板。我个人习惯使用 webpack-simple 模板

完整的模板列表，请访问

vuejs-templates

vuejs-templates

vue-cli 3

在 vue-cli 3 中使用以下指令创建项目：

执行后，同样是有配置向导一步步指引着配置步骤，这里跟 vue-cli 2 一致，但个人是使用

以图形界面的方式来创建项目，很方便好用。

使用 vue-cli 脚手架配置并初始化项目后，不论是 vue-cli 2 还是 vue-cli 3，脚手架所提供的均为项目的配置以及依赖的库设置，安装依赖库(npm i)的步骤依然需要手动执行的（vue ui 模式例外，该模式创建项目后，可以在创建后自动下载依赖库）

所以在脚手架配置好项目后，统一执行 npm i 来安装所有依赖库即可，不需要单独再去安装 webpack