写好的网站怎么打包

❶ 服务器的网站怎么打包

首先要远程登录服务器 登录后 打开网站主目录 右键压缩 然后把压缩包放到主目录里 通过网站地址的形式 下载到本地 这就是打包的过程

❷ 如何用webpack打包一个网站应用

随着前端技术的发展，越来越多新名词出现在我们眼前。angularjs、react、gulp、webpack、es6、babel……新技术出现，让我们了解了解用起来吧！今天我来介绍一下如何用webpack打包一个网页应用。
一般我们写页面，大概都是这样的结构：
index.html
css
style.css
js
index.js
...........

这样我们的html里直接引用css和js，完成一个网页应用。用webpack也类似，只是webpack把图片、css和js都编译打包成一个文件，我们只需要引用一个文件就可以了。
1.我们需要先安装node环境。没安装的请自行安装
2.在项目目录下输入npm init初始化一个node项目，输入项目名称等信息，完成后生成一个package.json文件。
3.在项目目录下安装webpack
npm install --save-dev webpack
4.我们需要一个webpack.config.js文件，记录webpack配置信息。它的配置大概这样：
var webpack = require('webpack');
var path = require('path');
var buildPath = path.resolve(__dirname, 'build');
var config = {
//入口文件
entry: {
index : './src/js/index.js'
},
extensions: ['', '.js', '.json', '.css', '.less'],
output: {
path: buildPath, //编译后的文件路径
filename: 'app.js'
},
mole: {
//Loaders
loaders: [
//.css 文件使用 style-loader 和 css-loader 来处理
{ test: /\.css$/, loader: 'style-loader!css-loader' },
{ test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
},
//.js 文件使用 babel 来编译处理
{ test: /\.js$/, loader: 'babel' },
//图片文件使用 url-loader 来处理，小于8kb的直接转为base64
{ test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}
]

},
};

mole.exports = config;

我们需要指定编译的入口文件和输出的目录路径，以及css和js用什么loader处理，比如我使用了less，要编译less文件，就指定less-loader，js我要用es6来写，为了兼容性，用babel来转成es5的代码。如果要使用react，也可以指定jsx等的编译方式。
5.这些loader都是需要npm安装的
npm install --save-dev css-loader less less-loader style-loader url-loader babel babel-core babel-loader babel-preset-es2015

6.如果需要用babel，在项目目录下新建一个名为.babelrc的隐藏文件，里面这样写：
{"presets":["es2015"]}

保存。
7.根据配置可以看到我们需要一个src文件夹和一个build文件夹，src放图片、css和js的源代码，build作为输出文件夹放编译后的文件。
8.src/js/index.js文件作为我们的入口文件，我们在里面可以愉快地写es6的代码，比如：
'use strict';
require('../css/base.css');
require('../css/animate.css');
require('../css/style.less');
require('../js/zepto.min.js');
let a = 'world';
let hello = `hello ${a}`;
console.log(hello);

可以看到css我们都通过require的方式引进来，这样webpack会把css和js打包进一个文件。
9.我们还差个index.html，放在项目文件夹下就可以，正常写，引入build/app.js就可以啦！
10.让我们试试吧

❸ 记事本写的网站怎么打包

打包?你是要问压缩还是打开呀?压缩与其他文件没什么区别.如果你是要打开,懂代码可以直接用记事本打开编辑后保存.如果你是要在可视化下打开编辑,用Office下的Prontpage就可以。如果是动态的查看需要放到本地服务器或网页空间里用浏览器打开。

❹ 如何将一个Jsp网站打包发布

二.方法二 打开MyEclipse—>选择要打包的项目—>右击—>单击Export(导出) 选择JsEE—>WAR file(MyEclipse)—>Next 选择要打包的工程—>选择Browser(选择打包到哪个路径下，默认的为当前工程名中)最后单击Finish完成打包注：打包前最好将各种架包（数据库，Struts，Hibernate，Spring，JSTL等架包）复制到要打包的项目的Lib目录下，讲其一起打包，不然放到服务器中运行时，会找不到架包，报错，当然，也可以将架包都复制到服务器（Tomcat）的Lib目录下

❺ 怎样打包网站。

1.打开你的.net，用鼠标右击你的工程(解决方案)，选择add new project(添加新建项目)。
2.选择setup and deployment projects（安装和部署项目）的 web setup project(web安装项目)。（注意setupproject的存放路径。通常默认）
3.vs的窗口会显示文件系统（you setup name）。用鼠标点击左栏下的"web application folder" 的加号，右键选中"web application folder",选择"添加项目输出"，同时选中primary output 和content files。
4.你的工程中会新增一个yousetupname的工程，就是安装的项目。保存一下，有时会出错。
5.因为.xml, .rpt, .gif文件不能自动加到项目中，所以要手动加。在解决方案资源管理器中，右击YouSetup project(你的安装项目名)，选中"添加文件"，然后把你的.rpt, .xml, .gif文件加入；
6.如果你用了crystal report，就要添加crystal reprot的支持文件。在解决方案资源管理器中，右击YouSetup project(你的安装项目名)，选中"添加合并模块"，在窗口中找到，并选中C:\Program Files\Common Files\Merge Moles\DotNETCrystalReports.msm, 打开，就加入了；
7.右击"目标计算机上的文件系统"，选中属性，在属性窗口中，将proctName设置为"你要打包的项目名"
8.右击"web应用程序文件夹"，选中属性，在属性窗口中，将DefaultDocument设置为"你的默认登录页"即"起始页"，
9.选中你的yousetupname工程，按右键，选中"生成";或在主菜单的"生成"中选中"生成yourSetupFileName";
10.然后，在C:\Documents and Settings\Administrator\My Documents\Visual Studio Projects\KaoQin\文件的存放路径下会有一个yousetupname的文件夹，下面还有一个debug的文件夹，你要的就是debug下面的所有文件。
11.将debug folder 下的文件考到你要安装的机器上，然后安装就可以了，如果有数据库，你可以将库事先还原过去，就可以用了。

❻ 如何将web网站打包成app

• 首页得准备好需要的东西，如eclipse，一个完整可以浏览的手机网站，而且确保电脑配置好jdk，环境变量，还要安装好cordova，这些环境等配置这里不表，可以自行网络。在这里我就自己随意写了个网站做测试，从下图可以看出来，这是一个可以在网页中浏览的手机网站

• 有了网站之后，第一步新建一个项目，打开你要保存的项目地址，比如D盘的yun文件夹，按住键盘的shift键+鼠标右键，选择“在此处打开命令窗口”，就会弹出一个终端命令窗口，打开之后在终端里面输入cordova
  create hello，hello为你的项目名称，如cordova create
  qianqian，qianqian就是我的项目名称，注意，不要手动去创建文件夹，因为我们在终端里面建的项目里面有很多的配置文件，终端命令窗口不要关

• 在终端命令窗口中输入cd
  qianqian，进入qianqian文件夹，然后再输入cordova platform add
  android，回车，等待下载完成，记住在下载之前一定要确保已经安装git，要不然会下载失败，本人亲自试验，下载可以要1分钟左右，下载完成后终端命令窗口不要关，等下要用

• 下载完成后将准备好的网站放到www文件夹里面，原来的文件可以删掉，再打开eclipse软件，点击菜单栏file--import，弹出一个窗口，选择下面图片中的选项，再点next，之后点击Browse，选择qianqian文件夹项目的路径，选取，记住，复选框一定要全部选上，不懂的看下面的图片，然后确定就可以了

• 确定之后就会看到下面图片一样左边会出现两个项目，为了确保项目一次性完成，我们可以在终端窗口里面输入cordova prepare，输入前确保是在当前qianqian文件夹，这个命令是在修改过项目的情况下运行的，等待他运行完，下面第二张图片是运行完成的图片

• ok，之后就可以打包webapp了，回到eclipse，我们发现项目文件有个红叉，或者也会出现一个感叹号之类的，出现这个情况的话可以点击菜单栏project--clean，在弹出的窗口中选择第二个单选项，下面的复选框全部选上，不懂看图，确认之后就可以看到红叉没了

• 然后在项目栏里选择第二个项目右键选择run as--android application，之后等待半分钟左右，主要是看电脑运行速度好不好了，好的话就快

• 最后如果你手机连接着电脑或者你电脑开着安卓虚拟机的话，在弹出的窗口就会出现你手机或者虚拟机的信息，选择他再点ok，系统会自动跳到虚拟机里，如果是真机的话，就直接看你的手机就行，手机会自动安装app应用的

• 如果两者都没有的话可以将弹出的窗口都关闭，然后在软件项目栏的第二个项目里面有个bin文件夹，打开，里面有个apk，将他复制出来安装到自己手机或其他机器里就行了，下图就是webapp做出来的最终效果，一开始忘记上传图片，只上传了代码，所以app里面没有图片，不过效果总算是出来了

❼ 怎么将网页打包成桌面应用（web前端页面

在 HTML5的崛起、JavaScript要一统天下之际，有一个名为【跨平台】的技术越来越火。为什么会这么火？因为软件开发者只需一次编写程序，即可在 Windows、Linux、Mac、IOS、Android 等平台运行，大大降低了程序员的工作量，也使公司的产品可以快读迭代。曾经跨平台技术的不被看好，如今随着手机、电脑硬件的发展而快速发展。这一切，几乎由HTML5技术推动，当然，JavaScript 这个语言，是最大的功臣。

基于 HTML5 的跨平台技术比较出名的有 PhoneGap、Cordova，常常用于开发 webapp；还有 Egret、Cocos-creator、Unity 等，常用于开发游戏；还有基于 Node.js 的 nw.js，用于开发桌面应用，以及 Electron，一款比 nw.js 还强大的用网页技术来开发桌面应用的神器。

其实，以上都是废话，现在进入主题：怎么用 Electron 将网页打包成 exe 可执行文件！

假设：

1、你已经安装并配置好了 node.js （全局安装）

2、你已经用 npm 安装了 electron （全局安装）

3、你已经写好了前端网页（html、css、javascript 这些，或者基于这些的前端框架写好的网页）

4、以上三点看不懂的，赶紧去网络。。。

你如果具备了以上的假设，请继续往下看：

1、找到你的前端网页项目文件夹，新建 package.json、main.js、index.html 三个文件（注：其中的 index.html 是你的网页首页）

你的项目目录/
├── package.json
├── main.js
└── index.html

2、在 package.json 中添加如下内容

{
"name" : "app-name",
"version" : "0.1.0",
"main" : "main.js"}

3、在 main.js 中添加下面的内容，这个 main.js 文件就是上面 package.json 中的 "main"键 的值，所以可根据需要修改

const {app, BrowserWindow} = require('electron')const path = require('path')const url = require('url')// Keep a global reference of the window object, if you don't, the window will// be closed automatically when the JavaScript object is garbage collected.let winfunction createWindow () {
// Create the browser window.
win = new BrowserWindow({width: 800, height: 600})

// and load the index.html of the app.
win.loadURL(url.format({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))

// Open the DevTools.
// win.webContents.openDevTools()

// Emitted when the window is closed.
win.on('closed', () => {
// Dereference the window object, usually you would store windows
// in an array if your app supports multi windows, this is the time
// when you should delete the corresponding element.
win = null
})}// This method will be called when Electron has finished// initialization and is ready to create browser windows.// Some APIs can only be used after this event occurs.app.on('ready', createWindow)// Quit when all windows are closed.app.on('window-all-closed', () => {
// On macOS it is common for applications and their menu bar
// to stay active until the user quits explicitly with Cmd + Q
if (process.platform !== 'darwin') {
app.quit()
}})app.on('activate', () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (win === null) {
createWindow()
}})// In this file you can include the rest of your app's specific main process// code. You can also put them in separate files and require them here.

4、如果你的网页首页的文件名不是 “index.html”，那么请在 main.js 中将其中的 'index.html' 修改为你的网页首页名

5、打开 DOS，cd 到你的项目目录（或直接在你的项目目录下空白的地方 shift+鼠标右键，然后点击在此处打开命令窗口，这里看不懂的，唉，网络吧少年）

6、在上一步的 DOS 下，输入npm install electron-packager -g全局安装我们的打包神器

npminstallelectron-packager-g

7、安装好打包神器后，还是在上一步的 DOS 下，输入electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_moles 即可开始打包

electron-packager . app --win --out presenterTool --arch=x64
--version 1.4.14 --overwrite --ignore=node_moles

这个命令什么意思？蓝色部分可自行修改：

electron-packager .可执行文件的文件名--win --out打包成的文件夹名--arch=x64位还是32位--version版本号--overwrite --ignore=node_moles

以上是最简单的打包方式，至于怎么修改窗口大小、菜单栏怎么加、怎么调用系统API这些，就给你慢慢去研究Electron了。

如果你打包总是不成功，觉得很烦，同时对扩展功能没什么要求的话，

里面有我已将内容为 hello,world 的 index.html 网页通过 Electron 框架打包为 windows 环境下的桌面应用。

现只需将你的网页前端项目复制到 /resources/app/project 目录下，双击 exe 文件即可以桌面应用的方式运行你的网页。

❽ 【最简单】Electron 怎么将网页打包成EXE

前期准备：

1、你已经安装并配置好了 node.js （全局安装）

2、你已经用 npm 安装了 electron （全局安装）

3、你已经写好了前端网页（html、css、javascript 这些，或者基于这些的前端框架写好的网页）

4、以上三点看不懂的，赶紧去网络。。。

你如果具备了以上的假设，请继续往下看：

1、找到你的前端网页项目文件夹，新建 package.json、main.js、index.html 三个文件（注：其中的 index.html 是你的网页首页）

你的项目目录/

├── package.json

├── main.js

└── index.html

2、在 package.json 中添加如下内容

{

  "name"    : "app-name",

  "version" : "0.1.0",

  "main"    : "main.js"

}

3、在 main.js 中添加下面的内容，这个 main.js 文件就是上面 package.json 中的 "main"键 的值，所以可根据需要修改

const {app, BrowserWindow} = require('electron')

const path = require('path')

const url = require('url')

// Keep a global reference of the window object, if you don't, the window will

// be closed automatically when the JavaScript object is garbage collected.

let win

function createWindow () {

  // Create the browser window.

  win = new BrowserWindow({width: 800, height: 600})

  // and load the index.html of the app.

  win.loadURL(url.format({

    pathname: path.join(__dirname, 'index.html'),

    protocol: 'file:',

    slashes: true

  }))

  // Open the DevTools.

  // win.webContents.openDevTools()

  // Emitted when the window is closed.

  win.on('closed', () => {

    // Dereference the window object, usually you would store windows

    // in an array if your app supports multi windows, this is the time

    // when you should delete the corresponding element.

    win = null

  })

}

// This method will be called when Electron has finished

// initialization and is ready to create browser windows.

// Some APIs can only be used after this event occurs.

app.on('ready', createWindow)

// Quit when all windows are closed.

app.on('window-all-closed', () => {

  // On macOS it is common for applications and their menu bar

  // to stay active until the user quits explicitly with Cmd + Q

  if (process.platform !== 'darwin') {

    app.quit()

  }

})

app.on('activate', () => {

  // On macOS it's common to re-create a window in the app when the

  // dock icon is clicked and there are no other windows open.

  if (win === null) {

    createWindow()

  }

})

// In this file you can include the rest of your app's specific main process

// code. You can also put them in separate files and require them here.

4、如果你的网页首页的文件名不是 “index.html”，那么请在 main.js 中将其中的 'index.html' 修改为你的网页首页名

5、打开 DOS，cd 到你的项目目录（或直接在你的项目目录下空白的地方 shift+鼠标右键，然后点击在此处打开命令窗口，这里看不懂的，唉，网络吧少年）

6、在上一步的 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器

npm install electron-packager -g

7、安装好打包神器后，还是在上一步的 DOS 下，输入 electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_moles 即可开始打包

electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_moles

这个命令什么意思？蓝色部分可自行修改：

electron-packager . 可执行文件的文件名 --win --out 打包成的文件夹名 --arch=x64位还是32位 --version版本号 --overwrite --ignore=node_moles

如果：

执行打包命令的时候，报以下提示

–version does not take an argument. Perhaps you meant --app-version or --electron-version?

后在贴吧找到解决方法，将–version 改成了–electron-version

electron-packager . app --win --out demoapp --arch=x64 --electron-version 1.4.14 --overwrite --ignore=node_moles

8、打包成功后，会生成一个新的文件夹，点进去，找到 exe 文件，双击就可以看到网页变成了一个桌面应用啦！

以上是最简单的打包方式，至于怎么修改窗口大小、菜单栏怎么加、怎么调用系统API这些，就给你慢慢去研究Electron了。

里面有我已将内容为 hello,world 的 index.html 网页通过 Electron 框架打包为 windows 环境下的桌面应用。

现只需将你的网页前端项目复制到 /resources/app/project 目录下，双击 exe 文件即可以桌面应用的方式运行你的网页。

❾ 如何将动态网站打包

1.打开你的.net，用鼠标右击你的工程(解决方案)，选择add new project(添加新建项目)。
2.选择setup and deployment projects（安装和部署项目）的 web setup project(web安装项目)。

（注意setupproject的存放路径。通常默认）
3.vs的窗口会显示文件系统（you setup name）。用鼠标点击左栏下的"web application folder"

的加号，右键选中"web application folder",选择"添加项目输出"，同时选中primary output 和

content files。
4.你的工程中会新增一个yousetupname的工程，就是安装的项目。保存一下，有时会出错。
5.因为.xml, .rpt, .gif文件不能自动加到项目中，所以要手动加。在解决方案资源管理器中，右击

YouSetup project(你的安装项目名)，选中"添加文件"，然后把你的.rpt, .xml, .gif文件加入；
6.如果你用了crystal report，就要添加crystal reprot的支持文件。在解决方案资源管理器中，右

击YouSetup project(你的安装项目名)，选中"添加合并模块"，在窗口中找到，并选中C:\Program

Files\Common Files\Merge Moles\DotNETCrystalReports.msm, 打开，就加入了；
7.右击"目标计算机上的文件系统"，选中属性，在属性窗口中，将proctName设置为"你要打包的项

目名"
8.右击"web应用程序文件夹"，选中属性，在属性窗口中，将DefaultDocument设置为"你的默认登录页

"即"起始页"，
9.选中你的yousetupname工程，按右键，选中"生成";或在主菜单的"生成"中选中"生成

yourSetupFileName";
10.然后，在C:\Documents and Settings\Administrator\My Documents\Visual Studio

Projects\KaoQin\文件的存放路径下会有一个yousetupname的文件夹，下面还有一个debug的文件夹，

你要的就是debug下面的所有文件。
11.将debug folder 下的文件考到你要安装的机器上，然后安装就可以了，如果有数据库，你可以将

库事先还原过去，就可以用了。

❿ asp.net的web网站怎么打包成安装文件

网站发布的第一步是把所需要的文件打包.采用WINRAR或者WINZIP都可以生成自解压文件;最好设置好默认解压目录,这样打包的结果是一个可执行文件,用户可以直接执行.比如MYSITE.EXE
在Visual Studio.NET 中,可以通过创建一个新的"Web 安装项目"的方法,灵活定制如何部署应用程序并生成安装包.Web安装项目提供了很多定制选项.WEB安装项目生成之后,会产生一个WINDOWS INSTALLER 支持的 .msi 文件.只需将这个.msi文件复制到目标计算机就可以象安装windows应用一样进行Web应用程序的部署.
关于创建 "WEB安装项目" 的方法,可以参考下面的步骤:
1.打开已完成的开发项目的解决方案,在其中新增一个"WEB安装项目"
2.这时可以选择确定这个WEB安装项目中需要包含我们已完成的开发项目中的那些文件,只需添加项目输出组即可选择此WEB安装项目所需要的文件.
3.如果需要,修改目标虚拟目录的名称和应用程序的默认文档
4.完成上述设置后,重新对解决方案进行项目生成,就可以产生所需要的.msi 文件.