正文
webpack libray 参考例子
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
备注：
使用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 同时将对应的依赖打包在一起了
