菜鸟笔记
简单的开发笔记
首页
登录 / 注册
笨猫首页
笨猫首页
斑马导航
奶牛网盘
白象软仓
青蛙壁纸
毒蛇电影
怪鸟头像
大熊逗图
热狗应用
蜗牛摘录
狐狸颜选
关于我们
收藏网站
菜鸟笔记
简单的开发笔记
首页
登录 / 注册
webpack 安装使用
#####一、安装webpack 1.安装webpack必须依赖node.js,所以在使用webpack前必须安装有node.js 2.在项目目录中初始化: ``` npm init ``` 3.安装webpack ``` npm install webpack -g //全局安装最新版本webpack npm install webpack -D //项目局部安装最新版本webpack npm install webpack@4.0.0 -g //全局安装4.0.0版本的webpack npm install webpack@4.0.0 -D //项目局部安装4.0.0版本的webpack ``` 4. 查看安装是否成功 ``` webpack -v//查看webpack当前安装版本 ``` **注意:如果是webpack4以上,安装webpack的同时必须安装webpack cli 模块。否则使用webpack将会报错** #####二、使用webpck 打包 1.创建配置文件webpack.config.js,该配置文件名为webpack默认配置名。 ```javascript const path = require('path'); module.exports = { entry: './index.js',//输入文件名 output: { path: path.resolve(__dirname, 'dist'),//输出文件目录 filename: 'my-first-webpack.bundle.js',//输出文件名 }, mode: 'production' }; ``` **注意:配置文件放在项目根目录,打包时,默认获取该配置。如果配置文件放在其他目录或者配置文件名自定义为其他名称,则需要在webpack.json中的script项中配置;** 2.webpack 打包 ```javascript webpack //有配置文件的情况下,直接使用webpack打包 ``` **注意:在4.0版本之前可以不需要配置文件,直接使用webpack index.js index.bundle.js命令打包。**
微信搜搜
笨猫小站
node 源管理工具 nrm
Atom编辑器怎么去掉中间的虚线
织梦 Too few arguments to function ShowMsg() 错误 解决方案
linux系统下winscp连接被拒绝怎么解决
(1869)
(494)
(222)
打赏
微信二维码已过期
刷新
打开微信
扫一扫
即可登录/注册
确认提交
还没注册?
马上注册
注册登录即表示同意
用户协议
、
隐私政策
微信搜一搜
笨猫小站
笨猫小站
小站首页
笨猫图库
懒虫工具
奶牛网盘
斑马导航
青蛙壁纸
毒蛇电影
白象软件
热狗应用
怪鸟头像
狐狸颜选
菜鸟笔记
蜗牛摘录
小站会员
3天体验卡
¥9.00
¥29.00
每天仅需3.00元
免费下载
10
次
永久至尊卡
¥39.00
¥369.00
每天仅需0.00元
免费下载
1000
次
壁纸下载
软件下载
电影下载
资源下载
壁纸下载
软件下载
电影下载
资源下载
应付金额:
¥
9.00
每天只需要
3.00
元
已优惠
20
元(抓住每一次优惠的机会)
扫码获取免费会员
关注公众号回复
" 小站会员 "
有机会获得会员体验卡
微信支付
扫描二维码支付
我已支付
猫豆充值
充值越多价格约优惠哟
20 猫豆
¥2.00元
50 猫豆
¥5.00元
100 猫豆
¥9.00元
200 猫豆
¥15.00元
500 猫豆
¥29.00元
1000 猫豆
¥49.00元
2000 猫豆
¥89.00元
5000 猫豆
¥179.00元
10000 猫豆
¥299.00元
微信支付
扫描二维码支付
我已支付
谢谢老板打赏
支付宝 / 微信 轻轻的扫一下二维码就可以了
支付宝
微信
请稍等...
小站导航
笨猫首页
笨猫图库
斑马导航
白象软仓
青蛙壁纸
毒蛇电影
怪鸟头像
聊天斗图
蜗牛摘录