npm run dev 后dist 被情况_npm包 | 我的第一个npm安装包

戳上面的蓝字关注我哦！

我的第一个npm安装包

应公司业务要求，需要制作桌面安装程序。同时也要替代QT，制作QT的安装程序。所以最后我选用了electron制作exe，配合Inno Setup Compiler制作安装包。

因为这玩意是我一个人在研究，为了避免我哪天休息不在，还找我打包的情况，我特意写了将这个项目制作成为了一个npm安装包，并附上相应文档，相信还是能看懂的。

 1   将自己的函数导出

src/main.js 是我的主要代码文件。

index.js 是我引用main.js的文件，并导出，也就是整个npm的入口文件了。

module.exports = require('./src/main')

build/index.js 是我使用webpack打包的文件。因为需要将第三方插件的引用打包。避免使用引用错误，这里如果纯自己开发的，不引用第三方插件，不需要打包。

const path = require('path')module.exports = {    entry: './index.js',    output: {        path: path.join(__dirname, 'dist'),        filename: 'bundle.js'    },    mode: 'development',    target: 'electron-main'}

 2   将package.json的main改为index.js

"mian": "index.js"

"dev1": "npx webpack --config build/index.js","pub": "npm run dev1 && npm version patch && npm publish","minor": "npm run dev1 && npm version minor && npm publish","major": "npm run dev1 && npm version major && npm publish",

npm run pub 打包 更新补丁  并上传npm包npm run minor 打包 更新小版本  并上传npm包npm run major 打包 更新大版本  并上传npm包

 3   使用

首先安装依赖。

npm i electron-pack

然后引用。

const pack = require('electron-pack')const config = {    width: 1280, // 窗口的宽度    minWidth: 1280, // 窗口最小宽度    height: 960, // 窗口高度    minHeight: 960, // 窗口最小高度    frame: true, // 是否有边框    center: true, // 窗口是否在中心    minimizable: true, //窗口是否可以最小化    maximizable: true, //窗口是否可以最大化    url: 'https://orangecj.com', // 打包地址    isWeb: true, // 是否是网站    openDevTools: true, // 是否打开开发者工具}pack(config)

最后运行大功告成。

— END —

— 编辑：橘子orange —

— 图片：橘子orange —

长按二维码关注我有趣的灵魂在等你▼往期精彩回顾▼干货 | 网盘提速秘籍~网站 | 那些奇奇怪怪的网站，你见过吗？奈飞 | 白嫖？去奈飞(netflix)观看剧集？您点的每个赞，我都认真当成了喜欢