webpack

打一个简单的包

1,全局安装 npm install webpack -g

2,看项目目录是否有package.json，如果没有 在项目目录下 执行命令 npm init

3,安装webpack依赖： 在项目目录下 执行命令，这个时候 先执行命令 npm view webpack versions 用来查看webpack的版本号，执行结果的最后一个即是当前版本号 然后 安装依赖，在当前目录下执行命令 cnpm install webpack@0.8.0-beta2 --save-dev 其中0.8.0-beta2 就是版本号 前面要加@ （为什么加版本号，因为感觉加上版本号 安装依赖会特别快，特别顺。 用淘宝镜像 cnpm 执行结果不会出现警告 。至少我执行的时候是这样子的。 ）

4,手动创建一个js文件 取名 webpack.config.js

5,在webpack.config.js中写：

var webpack=require('webpack');

module.exports={ entry:"./index", //入口文件 output: { publicPath:'/build/', //服务器路径 path: __dirname + "/build", //编译到当前目录，这里的写法 根据webpack的版本不同写法也有所不同 ，比如 path:"./build", filename: "[name].js" //编译后文件名字 即打包后文件的名字 比如 可以取名叫 filename:"app.js" },

};

6,执行命令 webpack 如果项目目录中出现 build文件夹 里边有比如一个叫app.js的包 即是 打包成功 然后你就可以把 app.js 替换掉你之前的index.js 试试看，你可以看到index.js 同样的效果

转载于:https://my.oschina.net/u/2945487/blog/1797064