文章分类 -  前端模块化专栏

摘要:ES6 Babel Browserify使用教程 1.定义package.json文件 2.安装babel cli, babel preset es2015和browserify npm install babel cli browserify g npm install babel preset 阅读全文
posted @ 2020-01-19 15:33 KevinTseng 阅读(170) 评论(0) 推荐(0) 编辑
摘要:sea.js简单使用教程 1.下载sea.js, 并引入 官网: http://seajs.org/ github : https://github.com/seajs/seajs 将sea.js导入项目: js/libs/sea.js 2.创建项目结构 3.定义sea.js的模块代码 module 阅读全文
posted @ 2020-01-19 15:27 KevinTseng 阅读(103) 评论(0) 推荐(0) 编辑
摘要:require.js使用教程 1.下载require.js, 并引入 官网: https://requirejs.org/ github : https://github.com/requirejs/requirejs 将require.js导入项目: js/libs/require.js 2.创建 阅读全文
posted @ 2020-01-15 17:56 KevinTseng 阅读(89) 评论(0) 推荐(0) 编辑
摘要:CommonJS浏览器端规范 1.创建项目结构 2.下载browserify 全局: npm install browserify g 局部: npm install browserify save dev 3.定义模块代码 module1.js module2.js module3.js app. 阅读全文
posted @ 2020-01-14 17:02 KevinTseng 阅读(92) 评论(0) 推荐(0) 编辑
摘要:使用现代模块化编码和项目构建,就需要制定模块化规范,然后使用规范进行模块化编程再打包。如CommonJS规范,CommonJS分Node服务器端规范和浏览器端规范,首先介绍服务器端规范。 Node.js模块化教程 1.下载安装node.js 2.创建项目结构 3.下载第三方模块 npm instal 阅读全文
posted @ 2020-01-14 17:01 KevinTseng 阅读(94) 评论(0) 推荐(0) 编辑
摘要:全局function模式 举例 module1.js js //数据 let data = 'module1_data' //操作数据的函数 function foo() { console.log( ) } function bar() { console.log( ) } js let data 阅读全文
posted @ 2020-01-14 16:46 KevinTseng 阅读(147) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示