webpack libray 参考例子
2017-12-29 10:17
183 查看
备注:
使用webpack 进行模块导出,方便进行通信
1. 项目初始化
2. 代码说明
3. 构建(同时发布私服)
4. 使用
使用webpack 进行模块导出,方便进行通信
1. 项目初始化
├── main.js ├── package.json ├── show.js ├── webpack.config.js └── yarn.lock
2. 代码说明
main.js const shortid = require("shortid"); const demo = require("./show.js"); module.exports = { shortid:function(){ return shortid.generate(); }, printinfo:function(){ demo(); } }; show.js function demo(content){ window.document.getElementById("app").innerText="demo"+content; } module.exports=demo; package.json { "dependencies": { "shortid": "^2.2.8" }, "scripts": { "build": "webpack" }, "name": "@cnpm/dalong-demo", "version": "1.0.2", "main": "bundle.js", "license": "MIT" } webpack.config.js const path = require("path"); module.exports = { entry:"./main.js", output:{ filename:"bundle.js", path:path.resolve(__dirname,"./"), library:"dalongrong", libraryTarget:"commonjs2" } }
3. 构建(同时发布私服)
yarn && yarn run build && npm publish
4. 使用
yarn add @cnpm/dalong-demo app.js const myfirst = require("@cnpm/dalong-demo"); console.log(myfirst.shortid()) 备注: 实际上也普通的npm 模块开发是一样的,只不过使用使用了webpack 同时将对应的依赖打包在一起了
相关文章推荐
- 求arcgis api for javascript 和webpack或者require的例子
- 练习webpack遇到的一些问题以及解决办法,供自己以后参考
- webpack笔记----小例子续1--loader转换器
- 【个人笔记重点,不作为参考】主题:webpack
- webpack3中文版使用参考文档--全面解析webpack.config.js
- vue+webpack项目中px2rem的例子
- 前端必学内容:webpack3 1-24节学习参考,持续更新中……
- webpack入门之简单例子跑起来
- Webpack入门——使用Webpack打包Angular项目的一个例子
- webpack2入门例子001
- 请用心练完这16个webpack小例子
- Webpack入门——使用Webpack打包Angular项目的一个例子
- react+webpack简单小例子
- webpack学习笔记-----第一个webpack小例子
- webpack3中文版使用参考文档--全面解析webpack.config.js
- Webpack入门之一:从一个简单例子入门
- webpack入门之简单例子跑起来
- webpack4 入门最简单的例子介绍
- webpack3.0配置项模版参考
- 如何实现一个webpack模块解析器