安装配置webpack webpack不是内部或外部命令
初次安装webpack，一直报webpack不是内部命令或外部命令，也不是可执行程序问题。发现是webpack安装配置的问题，找了好多解决办法，最后梳理了一下webpack安装配置路径。
-
安装node软件
官网就可以下载安装https://nodejs.org/en/
选择add to path，安装成功之后打开cmd执行node -v 出现版本号即为安装成功 -
配置npm路径
在上一条安装的nodejs文件下面新建node_cache 和 node_global分别用于存放缓存以及全局存放路径
只建一个文件夹还不够，打开cmd，输入命令
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”
注：这里的路径是我的node_global和node_cache的路径 -
切换cnpm，cnpm是国内的，会更快更方便
cmd输入命令： npm install -g cnpm --registry=https://registry.npm.taobao.org -
安装webpack
4、1全局安装webpack
在cmd内输入cnpm install webpack -g
其中-g就是代表全局安装
安装成功之后，还要按个webpack-cli工具
cnpm install webpack-cli -g
输入webpack -v输出版本号即为安装成功（哭泣，终于出现了）
修改node路径，配置环境变量
打开我的电脑-属性-高级系统设置-环境变量
（1）新建一个NODE_PATH的变量，路径为D:\nodejs\node_global\node_modules
----大家如果是按着上面来的，但是路径和我的不一样的话，就去找到node_global文件（上面第二条提到的），这个文件下的node_modules文件-----
（2）修改用户变量path（是系统变量上面的用户变量！！！）
路径也是D:\nodejs\node_global\node_modules
4、2局部安装webpack
打开cmd，切换到项目所在目录！！
如果你的项目还什么都没做，可以先cnpm init -y 配置一下，会生成一个package.json文件
cnpm install webpack --save-dev执行成功之后，项目目录里就多了一个node_modules文件夹
cnpm install webpack-cli --save局部安装webpack-cli工具 - 关于自动加载 webpack-dev-server 自动刷新浏览器，自动实现打包过程
输入命令cnpm install webpack-dev-server -g（全局安装一次）
cnpm install webpack-dev-server --save-dev （本地安装一次）
安装完成后，在你的package.json文件夹下面可以看到 - 添加配置文件 一般是webpack.config.js
里面内容一般固定
module.exports = {
mode: ‘development’, --分支
entry: ‘./src/vm.js’, —入口文件，打包vm.js文件
output: { —出口文件，打包成的文件
path: path.resolve(__dirname, ‘dest’),
filename: ‘bundle.min.js’ ----打包后的文件名
}
}
然后webpack编译一下，发现终于可以了，哭泣