webpack初识体验demo

1、npm init
2、npm install -g webpack
3、npm install webpack --save-dev
4、npm install -g webpack-cli
5、npm install webpack-cli --save-dev
6、webpack app.js -o bundle.js
7、webpack app.js -o bundle.js --watch

index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Webpack</title>
</head>
<body><script src="bundle.js"></script>
</body>
</html>

people.js

// alert("Hello everyone");
// alert(require('./people.js')); //即使是在同一路径也要在引入的文件前加上 ./// 数组 对象
// console.log(require('./people.js'));let people = require('./people.js');
console.log(people[0].name);
console.log(people[1].name);
console.log(people[2].name);

app.js

// alert("Hello everyone");
// alert(require('./people.js')); //即使是在同一路径也要在引入的文件前加上 ./// 数组 对象
// console.log(require('./people.js'));
let people = require('./people.js');
console.log(people[0].name);
console.log(people[1].name);
console.log(people[2].name);

webpack初识体验demo相关推荐

RequireJS模块的建立：插件化体验 - demo演示篇
RequireJS模块的建立:插件化体验 - demo演示篇新建一个RequireJS模块:作为jQuery验证插件进行使用. 一. 前文的目录结构结合前文的目录结构和相关文件,在lib文件夹下, ...
CCCanvas.Heptagonal - CCCanvas iOS Metal MetalKit GPU 极简体验Demo之 - 七边形
CCCanvas.Heptagonal - CCCanvas iOS Metal MetalKit GPU 极简体验Demo之 - 七边形 [友情提示:因为主要是演示用,不考虑向前兼容,可通过Pod升 ...
webpack 初体验
翻墙看视频教程:https://www.youtube.com/watch?v=TaWKUpahFZM 看了教程,自己练习练习,记个笔记,我把教程的例子划分成5个独立小demo,加强练习,也方便梳理思 ...
webpack初体验
环境搭建系统mac 使用npm install webpack -g 安装webpack 项目创建 mkdir demo && cd demo npm init 如图创建项目内容 ...
采用这套全方位监控方案，立刻规避90%采购风险（附体验demo）
疫情的爆发,贸易冲突频发,供应链管理的重要性日益凸显.而在任何一个企业中,供应链管理的数据流程都是环环相扣,往往是牵一发而动全身. 采购作为供应链的端口,可以说是重中之重.但目前,各行业内的采购管理存 ...
我的Go+语言初体验——Demo游戏体验篇（直男程序员的真实体验）
目录前言环境说明项目实测 Weather Dragon Clone Bullet Animation 总结前言接着我的上一篇:我的Go+语言初体验--语法验证/性能测试篇(直男程序员的真实体 ...
webpack初体验_使用webpack打包js文件_json文件_使用webpack开发模式_生产模式打包---webpack工作笔记003
我们首先去初始化一下npm npm init 然后package name 输入webpack_test 然后初始化npm以后,我们去安装npm i webpack webpack-cli -g 全 ...
php框架体验demo,JFinal框架demo运行示例教程
JFinal 是詹波开发的 Java 框架,使用 JFinal 能够快速进行 Web 开发.运行效果图如下: 运行启动说明里面的 SQL 文件,创建一个简单的表. 配置 res/a_little_co ...
php框架体验demo,thinkphp3.1.3demo
文件名大小更新时间 thinkphp3.1.3demo02018-03-03 thinkphp3.1.3demo\.htaccess1682018-03-03 thinkphp3.1.3demo\Ap ...

webpack初识体验demo

webpack初识体验demo相关推荐

最新文章

热门文章