博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack安装教程及实例
阅读量:6889 次
发布时间:2019-06-27

本文共 588 字,大约阅读时间需要 1 分钟。

在控制台输入:

npm install webpack -g

这是全局的安装,如果需要局部安装,在控制台cd 打开到指定目录,输入:

npm install webpack --save-dev

即可。

实例:

  1. 建立index.html文件
  2. 建立main.js文件
  3. 建立webpack.config.js文件

index.html

         

 

main.js

document.write("

Hello World

");

 

webpack.config.js

module.exports = {    entry: "./main.js",//这是源文件    output: {        filename: 'bundle.js' //这是生成的新文件    }};

 

三个文件创建好之后,我们需要把项目运行起来,使用live-server来运行项目。

在控制台直接输入:

npm install live-server -g

安装成功之后,在控制台cd打开到项目的根目录,然后在控制台先输入webpack命令,webpack就是执行打包指令,打包成功之后,

在控制台输入:

live-server

即可运行项目。

 

转载于:https://www.cnblogs.com/Mrrabbit/p/7278226.html

你可能感兴趣的文章
尚思卓越运维风险管理系统
查看>>
PHP中利用COOKIE与SESSION联合实现SESSION跨域
查看>>
error:Microsoft Visual C++ 9.0 is required. Get it
查看>>
Mininal Desktop安装CentOS 6.4后编译安装Mplayer
查看>>
linux记录 ---- 添加开机启动运行脚本
查看>>
VMware服务器虚拟化平台应急方案
查看>>
书单收藏
查看>>
好马不回头策略
查看>>
函数声明后面的const用法
查看>>
CUDA中自动初始化显卡设备宏
查看>>
application
查看>>
spring中加载xml配置文件的方式 .
查看>>
ruby参考
查看>>
斐波那契数列c语言实现
查看>>
emacs使修改的配置文件立即生效方法
查看>>
查询表中没有的字段信息
查看>>
stm32 使用 printf 串口输出 配置
查看>>
java 同步锁 synchronized 死锁 lock锁 jion 线程结束
查看>>
jsf开发心得(3)-jsf应用中css运用背景图片显示不了的问题
查看>>
IOS UIAlertController 弹出框中添加视图(例如日期选择器等等)
查看>>