webpack第二节

安装webpack在文件夹中

安装完成如图所示

牛刀小试

在webpack-test根目录下新建一个hello.js (不新建在node-modules文件夹下面的目的是,该文件夹是webpack的依赖,我们自定的文件不去破坏它,并且我们以后上传代码的时候不会上传该文件夹,只需在上一节的package.json中配置该文件的版本,用到的时候只需npm下载)

这里我用的是es6的写法,编辑器报错,必须的设置一下IDEA(右上角File -> Settings -> Languages & Frameworks -> JavaScripts) 选择ECMAscript 6 -> OK 设置完成会发现没有红色警告了

打包第一个webpack文件 输入命令webpack hello.js hello.bundle.js  按回车打包  语法是webpack 打包的文件名 打包完成后的文件名 hello.js是要被打包的文件名 hello.bundle.js是打包完成后的文件名

打包完成后 会出现一些选项 例如 Hash Version Time 这些可供你参考

打开我们打包完成后的 hello.bundle.js 上面webpack自动生成的代码 你可以忽视它 拉倒最下面 这是第0个模块 在里面就是我们的代码。第一个webpack打包完成。

时间: 2024-11-07 21:09:31

webpack第二节的相关文章

杨森翔:春节文化大观上编 第三章 春节古诗词 目录 第一节:春节诗词概述 一、 除夕诗词概述 二、元日诗词概述 三、 元宵诗词概述 第二节:春节古诗词拾萃

杨森翔:春节文化大观上编 第三章 春节古诗词 目录 第一节:春节诗词概述 一. 除夕诗词概述 二.元日诗词概述 三. 元宵诗词概述 第二节:春节古诗词拾萃 一.腊祭诗词 二.祭灶诗词 三.除夕诗词 四.元旦诗词 五.人日诗词 六.元宵诗词 第一节:春节古诗词概述 中国的春节,作为除旧迎新的节日,时间相当长,从年前的腊月二十三,天空中就似乎弥漫了节日的气息.这种节日的气氛,在保持传统风俗较好的地方,甚至会持续到二月二龙抬头的时候,但欢度春节的高潮,应该说是自除夕始一直到上元之夜.因此,历代歌咏和反

centos单用户 救援 运行级别 第二节课

centos单用户 救援 运行级别 第二节课 yum工具在minimal安装级别就已经安装 yum list:列出远程服务器端的所有的包的列表 安装桌面套件,安装图形化桌面 yum groupinstall -y "desktop"yum groupinstall -y "X window system" 临时显示英文 LANG=en

第二节 分支结构

在程序开发中,分支结构的使用频率要多于循环结构,10次分支,4次循环. 程序开发三种情况:分支,循环,分支 (1) if的三种格式: int a = 10; if(a > o) { printf("%d",a) } 当条件表达式的条件成立时,或为真时,执行大括号内的语句,否则执行if之后的语句. (2) char sex = 0; printf("请输入你的性别:m或者f"); scanf("%c",&sex); if(sex ==

Centos7 Openstack - (第二节)添加认证服务(Keystone)

Centos7 install Openstack - (第二节)添加认证服务(Keystone) 我的blog地址:http://www.cnblogs.com/caoguo 根据openstack官方文档配置 官方文档地址: http://docs.openstack.org/juno/install-guide/install/yum/content/# 0x01.认证服务安装与配置(控制节点) [[email protected] ~]# mysql -uroot -p MariaDB

第二节 Java Swing中的基本容器:JFrame

第二节 基本容器:JFrame 如果要使用Swing创建一个窗口,则直接使用JFrame即可,此类事Component类的子类,常用方法如下: 小试牛刀 创建一个简单的窗口 import java.awt.*; import java.io.*; import javax.swing.*; public class JavaSwingTest { public static void main(String args[]) throws IOException{ test1(); } //创建一

第二节 什么是接口

什么是接口 主讲教师:王少华     QQ群号:483773664 学习目标 掌握接口的定义与使用 理解接口与抽象类的区别 一.什么是接口 现实生活中,我们经常听到接口这个词,比如USB接口,那它是什么意思呢?我们拿USB接口为例,不管那个厂商生产的USB存储器,我们都可以通过USB接口让电脑识别出来,这是为什么呢?这是因为这些生产厂商遵循了一套相同的标准,并按照这个标准来生成USB设备. 在软件中,接口同样是一种规范和标准,它们可以约束类的行为,是一些方法特征的集合,但是没有方法的实现.因此,

《Pro Android Graphics》读书笔记之第二节

Android Digital Video: Formats, Concepts and Optimization Android Digital Video Formats: MPEG4 H.264 and WebM VP8 H.263 支持老显示器 MPEG4 SP   supported for commercial video(支持商业视频) 3GP Google在2.3.3中加入对WebM的支持 video Stream 4.0以后版本 recommend using MPEG-4 H

​【v2.x OGE-example 第二节】 实体参数

[v2.x OGE-example 第二节] 实体参数 1. 位置:Drawing_example --> SpriteParameters 2. 类名:SpriteParameters (1)旋转精灵: sprite.setRotation(float pRotation) 设置旋转角度 sprite.setRotationCenter(float pRotationCenterX, float pRotationCenterY)//设置旋转的中心点(以某个点为中心旋转) sprite.set

OC第二节的总结

实例变量的可见度:@public:公共的,在任何文件中都可以访问,(访问方式是对象+指向操作符+实例变量,例如:per->name)@protected:受保护的,有一定的访问权限,只允许在本类文件以及子类文件中访问,其他文件不可以访问@private:私有的,只允许在本类文件中访问,不可以在子类文件 以及其他文件中访问默认的可见度是@protected为什么不声明为@public?   1.声明为@public的实例变量,外部就可以访问以及修改,会影响内部的一个实现,暴露实现细节   2.违背