安装webpack后还是提示webpack不是内部命令

Posted 2023-04-13

因为安装步骤出现了问题。

1.首先你需要安装一个全局的webpack；

npm install webpack -g；

这样你才可以正确的使用webpack这个命令；

2.然后, 你还可以在当前项目里面也安装一个webpack, 这也是官方推荐的做法；

npm install webpack --save-dev；

这样就可以在你的webpack.config.js里面方便的引用webpack；

// webpack.config.js；

var path = require('path');

var webpack = require('webpack');

3.然后在使用一些plugin的时候就比较方便了；

new webpack.optimize.CommonsChunkPlugin('common.js')。

1.代码拆分

webpack有两种组织代码的方式 一种是同步一种是异步。异步依赖作为分割点，形成一个新的块。在优化过了依赖树后，每一个异步区块都作为一个文件被打包。

2.loader

webpack 本身只处理原生的js,但是loader转化器可以将各种资源转换成为js模块。这样任何资源都可以成为 webpack的处理对象。比如处理css的cssloader,处理coffeescript coffeesecriptloader。

3.智能解析

webpack是一个智能解析器，可以处理几乎任何第三方的库，无论他们的模块形式是commonjs，amd 还是普通的js文件。甚至加载依赖的时候可以动态表达式

require("./templates/" + name + ".jade")

4.插件系统

webpack有丰富的插件系统。大多数的功能都可以通过这个插件系统运行。还可以开发和使用开源的webpack的插件，来满足各式各样的需求。

参考技术A 可以看看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') 参考技术B 我把路径改成nodejs\node_global ，不是路径为nodejs\node_global\node_modules

Webpack-simple cross-env 不是内部或外部命令问题处理

Webpack-simple cross-env 不是内部或外部命令问题处理

学习了：https://segmentfault.com/a/1190000005811347?_ea=934705

输入 cnpm install cross-env --save-dev

好像还是有问题，后来在目录下面执行

cnpm install 就安装了一些东西，就能跑起来了；