前言
SpreadJS作為一款性能出眾的純前端電子表格控件，自2015年發(fā)布以來，已經被廣泛應用于各領域“在線Excel”數(shù)據(jù)管理項目中。NPM，作為管理Node.js庫最有力的手段，解決了很多NodeJS代碼部署的問題。
如今，為讓您更方便的使用產品和更好地管理項目中的SpreadJS代碼，我們已將SpreadJS應用打包發(fā)布到了NPM服務器。如您需要，請點擊查看(https://www.npmjs.com/~grapecity)(需要翻墻)
NPM簡介
也許您剛剛接觸前端開發(fā)，或者剛剛使用NodeJS。NPM對于您來說，可能會感到些許陌生。這里，是NPM的簡單介紹，希望能夠幫您：NPM是隨同NodeJS一起發(fā)布的包管理工具，也是目前用于管理node.js庫最有效的手段。它能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：
1.允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
2.允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用。
3.允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
本文中，我們將向您介紹如何在webpack項目中使用SpreadJS NPM包。
安裝Node.js和NPM
在使用該項目之前，請確保下載并安裝Node.js(https://nodejs.org/en/)和NPM(https://www.npmjs.com/get-npm)。
安裝項目文件和文件夾
現(xiàn)在已經安裝了Node.js和NPM，我們將創(chuàng)建在webpack項目中使用的文件夾和文件。第一個創(chuàng)建的文件夾將被稱為spreadjs_webpack。
創(chuàng)建文件夾后，打開命令提示符，導航到創(chuàng)建的文件夾，然后輸入以下命令：
npm init -y
這將創(chuàng)建一個包含以下內容的package.json文件：
{
"name": "spreadjs_webpack",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
SHAPE \* MERGEFORMAT
在創(chuàng)建該文件之后，輸入以下命令，并在每個命令后面輸入：
npm install webpack --save
npm install webpack-cli --save
這會將一個node_modules文件夾添加到項目中，這是我們獲取Spread引用的地址。
首先，我們將創(chuàng)建一個webpack.config.js文件。創(chuàng)建該文件，然后將以下內容添加到文件中：
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
mode: "development",
optimization: {
minimize: false
}
}
另外，package.json文件需要稍微改變：
{
"name": "spreadjs_webpack",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "webpack --config webpack.config.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"webpack": "^4.6.0",
"webpack-cli": "^2.1.2"
}
}
在同一個spreadjs_webpack文件夾中，我們將創(chuàng)建一個dist文件夾并在該文件夾中創(chuàng)建一個名為index.html的html文件。這個html應該從以下內容開始：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SpreadJS Development
榜單收錄、高管收錄、融資收錄、活動收錄可發(fā)送郵件至news#citmt.cn（把#換成@）。
海報生成中...
關于我們┊聯(lián)系我們┊友情鏈接┊網站地圖┊內容聯(lián)系┊獨家報道┊法律聲明
鄂ICP備18015839號-1
鄂公網安備 42112402000149號
專注IT產業(yè)報道，IT產業(yè)網 IT產業(yè)生態(tài)價值發(fā)現(xiàn)平臺|IT榜單|IT活動|IT峰會|IT直播
風險提示:文章內容僅供閱讀,不構成投資建議,請謹慎對待。
IT產業(yè)網&www.coffeespan.com © 2016-2024
