electron打包技術

Electron能夠用來寫出跨平臺(Windows, Mac, Linux)平臺的應用。Electron差很少至關於一個瀏覽器,而具體應用的邏輯是用JS寫出來的。gulp

打包要用到的東西

  • gulp
  • 7zip windows上須要用,其餘平臺不須要

gulp的配置文件準備

gulp.task('electron', function() {
  return gulp.src("")
    .pipe(electron({
      src: './compile',
      release: './release',
      cache: './temp-cache',
      packageJson: packageJson,
      version: 'v0.35.1',
      platforms: ['win32-x64', 'darwin-x64'],
      asar: true,
      asarUnpackDir: 'vendor',
      platformResources: {
        win: {
          "version-string": pkgVersion,
          "file-version": pkgVersion,
          "product-version": pkgVersion,
          "icon": 'res/icons/icon.ico'
        },
        darwin: {
            CFBundleDisplayName: packageJson.name,
            CFBundleIdentifier: packageJson.name,
            CFBundleName: packageJson.name,
            CFBundleVersion: pkgVersion,
        },
      }
    }))
    .pipe(gulp.dest(""));
})

electron的代碼要預先放到compile這個目錄的下面,打包出來的文件都會存儲到release這個目錄下。windows

這個配置文件能夠直接打出來windows以及mac上的zip包瀏覽器

windows的zip包打包成exe

gulp.task('inno-setup', function(){
  gulp.src('./installer_script.iss').pipe(inno());
})

installer_script.iss文件的生成,建議用這個軟件 Inno Script Studio 很好很強大electron

雖然,還有不少其餘的須要補充,暫時先寫成這樣了

相關文章
相關標籤/搜索