首页 > 代码库 > 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学习(一)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。