webpack.config.js:

externals: {

jquery: 'jQuery.noConflict()' //或者jquery:'jQuery'

}

使用：

var $ = require('jquery');

其它全局组件也一样的，但是看情况最好做一些处理，比如jquery本身套了一层zhuanfactory来兼容amd等模块格式，你先把这些东西删掉，然后用webpack编译一遍，会自动打包一个webpack包装过的jquery，这个jquery也是可以直接[removed]引用的，也可以require。

还有些看情况是否要改成commonJS的格式导出对象，就是module.exports=xx这样。

总之有一条，改动后先用webpack转换一遍库本身再用。

安装

全局安装：

npm install -g
全局安装后，可以通过使用对应模块包的命令行工具执行操作命令

本地安装：

本地安装模块包的一个特点就是： 在使用安装好的模块包时，需要通过require('')来引入到项目中使用； 本地安装时还需要考虑的一个问题就是安装好模块包后，其信息是否要写入到项目package.json中 如果写，写到哪？因此，

本地安装衍生出三种命令，分别为:
1.npm install  安装模块包，模块包的信息不会写入到项目的package.json文件中；
2.npm install --save 安装模块包，并且将模块包的信息写入到项目package.json中的dependencies对象中*;
3.npm install --save-dev 安装模块包，并且将模块包的信息写入到项目package.json中的devDependencies对象中*；

/*注释点——>dependencies和devDependencies区别：dependencies中的依赖项是正常运行该包所需要的依赖项；是生产环境所需要的库devDependencies中的依赖项是开发的时候所需要的依赖项，比如一些进行单元测试之类的包、测试库等等，在生产环境中是不需要的*/复制代码

卸载

卸载和安装 一样就是 uninstall(可以简写un) 同步模块包信息从package.json中删除

npm uninsatll -g
npm uninstall
npm uninstall --save
npm uninstall --save-dev
npm i //会根据新的package.json删除node_modules中原来package.json中安装的包

执行

以webpack包为例：

全局情况:

直接执行webpack命令 webpack -v;webpack --mode development等；

局部情况

像上面说过的 通过require(''),例如：var webpack = require('webpack')来引入到项目中使用

在package.json的scripts中的npm run start和npm run webpack模拟相当于执行对应的命令

"scripts": {"start": "webpack --mode development",//webpack4"webpack": "webpack -v"},复制代码

在开始之前，请确保安装了 Node.js 的最新版本。使用 Node.js 最新的长期支持版本(LTS - Long Term Support)，是理想的起步。使用旧版本，你可能遇到各种问题，因为它们可能缺少 webpack 功能以及/或者缺少相关 package 包。

于是在node官网下载最新版：node-v11.10.0-x64，直接安装后执行node -v，查看已经是最新版本

再更新npm到最新版本：

npm install -g npm

再卸载webpack，对应命令：

npm  uninstall  webpack  -g
npm  uninstall  webpack-cli  -g

然后再全局安装webpack和本地安装：

cnpm install webpack webpack-cli –g

cnpm install webpack webpack-cli --save-dev

这样再执行打包命令，就不会报错了。

第一步，首先将vue.js项目停止，直接使用Ctrl+C快捷键；然后使用webpack -h查看webpack，

第二步，结果发现第一步中出现了webpack不是内部或外部命令，利用npm run命令进行安装，

第三步，出现了missing script错误提示，直接使用npm install webpack，

第四步，接着查看项目中的package.json文件内容，使用命令查看，

第五步，再次调用npm命令全局安装webpack工具包，注意打印出来的日志，

第六步，最后使用npm install webpack webpack-cli -D安装脚手架，

 看看webpack官网, 比installation章节, 面介绍安装webpack.
首先需要安装全局webpack
npm install webpack -g

才确使用webpack命令
, 前项目面安装webpack, 官推荐做
npm install webpack --save-dev

自webpack.config.js面便引用webpack
// webpack.config.js
var path = require('path');
var webpack = require('webpack');

使用些plugin候比较便
new webpack.optimize.CommonsChunkPlugin('common.js')

1.window+R键，输入cmd打开命令行工具，输入 mkdir XXXX（XX：文件夹名）；

2.cd XXX 进入刚刚创建好的文件夹里，输入cnpm install -g webpack 

在开始之前，请确保安装了 Node.js 的最新版本。使用 Node.js 最新的长期支持版本(LTS - Long Term Support)，是理想的起步。使用旧版本，你可能遇到各种问题，因为它们可能缺少 webpack 功能以及/或者缺少相关 package 包。

于是在node官网下载最新版：node-v11.10.0-x64，直接安装后执行node -v，查看已经是最新版本

再更新npm到最新版本：

npm install -g npm

再卸载webpack，对应命令：

npm  uninstall  webpack  -g
npm  uninstall  webpack-cli  -g

然后再全局安装webpack和本地安装：

cnpm install webpack webpack-cli –g

cnpm install webpack webpack-cli --save-dev

这样再执行打包命令，就不会报错了。

第一步，首先将vue.js项目停止，直接使用Ctrl+C快捷键；然后使用webpack -h查看webpack，

第二步，结果发现第一步中出现了webpack不是内部或外部命令，利用npm run命令进行安装，

第三步，出现了missing script错误提示，直接使用npm install webpack，

第四步，接着查看项目中的package.json文件内容，使用命令查看，

第五步，再次调用npm命令全局安装webpack工具包，注意打印出来的日志，

第六步，最后使用npm install webpack webpack-cli -D安装脚手架，