安装webpack后还是提示webpack不是内部命令
因为安装步骤出现了问题。
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的插件,来满足各式各样的需求。
首先你需要安装一个全局的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')