首页 > 代码库 > webpack学习(一)

webpack学习(一)

先开始用吧~

开始使用webpack

npm install webpack -g

  安装完成后就可以查看webpack的信息了

技术分享

这样子,你的webpack就全局安装成功了,如果不能用一般就是你命令输错了,名字打错了什么的

在项目本地也安装webpack

这是官方推荐的做法:

npm install webpack --save-dev     //在你项目目录下

一个demo的目录结构

技术分享

1,文件夹app里面放着两个简单的js文件,有依赖关系;

2,build是打包完的文件存放路径,webpack.config.js是webpack的配置文件,;

3,index中要引入打包完的文件(build中的);

webpack的配置文件的使用

webpack配置文件是一种简化的操作,免得你一直控制台手动打包

module.exports={	entry:"./app/index.js",	output:{		path:__dirname+"/build",		filename:"bundle.js"	}}

1,entry表示入口文件

2,output表示输出,path表示路径,filename表示输出文件名

使用webpack打包!

在当前目录下运行webpack命令

webpack

技术分享

打包成功~,已经生成了bundle.js文件了

webpack学习(一)