webpack

var path = require('path') // 安装完webpack自带的

--dirname代表webpack.config.js文件当前所在的路径

webpack只支持原生js模块的打包,若是要打包html、css、es6语法写的代码转换为es5,则需要使用loaders

模块文件名a.js:

 function toast(msg,time) {
            this.msg = msg;
            this.dismissTime = time||3000;
            this.createToast();
            this.showToast();
        }
     toast.prototype = {
            createToast: function() {
                var tpl = '<div class="toast">'+this.msg+'</div>';
                this.$toast = $(tpl);
                $('body').append(this.$toast);
            },
            showToast: function() {
                var self = this;
                this.$toast.fadeIn(3000,function() {
                    setTimeout(function() {
                        self.$toast.fadeOut(3000,function() {
                            self.$toast.remove();
                        });
                    },self.dismissTime);
                });
            }
        };

        function Toast(msg,time) {
            return new toast(msg,time);
        }
// 因为module.exports等于一个对象,而现在返回的是一个函数,所以要写成如下形式
module.exports.Toast = Toast 

模块文件名b.js

// 加载a.js模块

var Toast = require('a.js').Toast; // 这么写 ,require('a.js')是对象,加载它的Toast方法

webpack -w // 观察模式,对js代码改动会自动重新打包

webpack -p // 压缩打包js代码

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏数据和云

New in 12.2- 让每个PDB都拥有自己的 local undo表空间

12.1引入temp undo概念 ,12.2引入local undo,也就是每个pdb拥有自己的undo表空间(以前版本共用一个undo表空间),rac中每个...

3755
来自专栏calvin

docker搭建私有仓库

紧接上一篇镜像发布到官方之后,我们来搭建我们自己的私有仓库,比较,如果真的要在生产环境使用的话,这是必须的。 首先,我们来准备一下搭建私有仓库所需要的信息。

3183
来自专栏www.96php.cn

thinkphp实现模板切换

thinkphp实现模板切换 首先在后台某个接口读取模板 Admin\Common\function.php /*  * 获取模板目录  */ function...

3295
来自专栏数据和云

Oracle 12.2 新特性 | PDB不同字符集变更深入解析

从12c版本12.1开始,就有了新特性——Pluggable Database,相比较之前通过schema的管理方式实现多用户管理,Pluggable Data...

3739
来自专栏Spring相关

创建一个Android项目

Generate Layout File勾选的话会默认创一个默认的布局,launcher Activity只的是把当前的类当做主活动

1034
来自专栏tiane12

Android开发错误 The method onClick(View) of type new View.OnClickListener(){} must override a superclas解

2446
来自专栏数据之美

linux 系统监控、诊断工具之 lsof 用法简介

1、lsof 简介 lsof 是 linux 下的一个非常实用的系统级的监控、诊断工具。 它的意思是 List Open Files,很容易你就记住了它是 “...

4256
来自专栏ASP.NET MVC5 后台权限管理系统

.Net 转战 Android 4.4 日常笔记(3)--目录结构分析

看了创建项目后,出现的文件夹很多确实有点晕,不过经过简单的了解还是跟我们asp.net的目录有点相识滴。 ? 下面这张图,概括了主要的文件用途。其实也只需要了解...

1866
来自专栏封碎

ConditionVariable的用法 博客分类: Android AndroidUPOSthread

      线程操作经常用到wait和notify,用起来稍显繁琐,而Android给我们封装好了一个ConditionVariable类,用于线程同步。提供了...

712
来自专栏开源优测

接口测试 | 21 基于flask弄个restful API服务出来

概述 上篇我们很简单的分享了如何基于flask搞一个支持http GET\POST\HEAD\DELETE方法的服务,大家可以根据这个简单的实例进行扩展。 下面...

3549

扫码关注云+社区

领取腾讯云代金券