WebPack模块化开发

傷城~ 2022-07-16 07:47 307阅读 0赞

<span style="font-family:Microsoft YaHei; font-size:18px">p.js</span>

module.exports.print = function(){	
    	console.log("print in p.js");
    }
    
    module.exports.test = function(args0){
    	console.log("agrs0 = " + args0);
    	return args0 + 1;
    }</span>

s.js

module.exports.print = function(){
    	console.log("print in s.js");
    }
    var p = require("./p.js");
    module.exports.add = function(args0,args1){
    	console.log("args0 = " + args0+", args1 = " + args1);
    	return p.test(args0) + p.test(args1);
    }</span>

main.js

var s = require("./s.js");
    init = function(args0,args1){	
    	return s.add(args0,args1);
    }</span>

WebPack

![Center][]

index.html

<!DOCTYPE html>
        <head>
            <meta charset="utf-8">
        </head>
        <body>
            <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
    		<script>
    			alert(init(2,3));
    		</script>
        </body>
    </html></span>

![Center 1][]

[Center]: /images/20220716/f29a1773a7bc4b10b52fd8b9f3c1a418.png
[Center 1]: /images/20220716/a4f6dc47dfce4ad0a1527e29f77906a6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，307人围观）

还没有评论，来说两句吧...

相关阅读

相关模块化、Webpack 快速上手

一、模块化的使用 1. 概念前端中js文件与js文件的相互调用称为模块化 2. ES5实现模块化 (1) 创建01.js文件(被调用) //1.

水深无声/ 2023年01月10日 14:58/ 0 赞/ 148 阅读

相关前端模块化与Webpack

前端模块化是js与js之间的调用如何模块化 1 es5代码之间的模块化 01.js负责创建方法 //1创建js方法 const

青旅半醒/ 2022年11月21日 09:56/ 0 赞/ 240 阅读

相关 webpack图解指南（模块化部分）

在前面一篇文章中[《模块化系列》彻底理清 AMD,CommonJS,CDM,UMD,ES6][AMD_CommonJS_CDM_UMD_ES6] 我们可以学到了各种模块化的机制

冷不防/ 2022年10月31日 01:52/ 0 赞/ 227 阅读

相关 WebPack模块化开发

<span style="font-family:Microsoft YaHei; font-size:18px">p.js</span> module.ex

傷城~/ 2022年07月16日 07:47/ 0 赞/ 308 阅读

相关 webpack+jquery 组件化、模块化开发的解决方案

[demo][] 基于webpack搭建纯静态页面型前端工程解决方案模板按需加载模块，按需进行懒加载，在实际用到某些模块的时候再增量更新多入口文件，自

约定不等于承诺〃/ 2022年04月25日 10:10/ 0 赞/ 336 阅读

相关前端开发——模块化（css模块化开发）

掌握模块化开发的思想是我们进行模块化开发的基础。他有以下几部分组成： 1.css模块化 2.html模块化 3.js模块化 > 模块化开发的优势

ゝ一世哀愁。/ 2022年02月18日 09:15/ 0 赞/ 513 阅读

相关模块化开发

我们传统的项目开发模式大致有俩种： 1.整个项目的所有手写js代码写的一个js文件中。这样会导致代码耦合度太高，关联性不强，不便于后期的维护，另外，会造成全局污染。 2.第

た入场券/ 2021年11月29日 05:44/ 0 赞/ 411 阅读

相关模块化开发

模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程，有多种属性，分别反映其内部特性。定义：可管理模块的方式基本属性：接口、功能、逻辑、状态

╰半夏微凉°/ 2021年11月22日 14:44/ 0 赞/ 485 阅读

相关 webpack-模块化兼容性

模块化兼容性由于webpack同时支持CommonJS和ES6 module，因此需要理解它们互操作时webpack是如何处理的同模块化标准如果导出和导入使

墨蓝/ 2021年08月27日 00:58/ 0 赞/ 427 阅读

相关 webpack配置css模块化

大纲模块化css文件安装如下包编写配置文件 index.html 编写index.css

待我称王封你为后i/ 2021年07月24日 18:47/ 0 赞/ 558 阅读