寫好的網站怎麼打包

❶ 伺服器的網站怎麼打包

首先要遠程登錄伺服器 登錄後 打開網站主目錄 右鍵壓縮 然後把壓縮包放到主目錄里 通過網站地址的形式 下載到本地 這就是打包的過程

❷ 如何用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 文件.