SpreadJS使用進(jìn)階指南 - 使用 NPM 管理你的項(xiàng)目
前言
SpreadJS作為一款性能出眾的純前端電子表格控件，自2015年發(fā)布以來，已經(jīng)被廣泛應(yīng)用于各領(lǐng)域“在線Excel”數(shù)據(jù)管理項(xiàng)目中。NPM，作為管理Node.js庫(kù)最有力的手段，解決了很多NodeJS代碼部署的問題。
如今，為讓您更方便的使用產(chǎn)品和更好地管理項(xiàng)目中的SpreadJS代碼，我們已將SpreadJS應(yīng)用打包發(fā)布到了NPM服務(wù)器。如您需要，請(qǐng)點(diǎn)擊查看(https://www.npmjs.com/~grapecity)(需要翻墻)
NPM簡(jiǎn)介
也許您剛剛接觸前端開發(fā)，或者剛剛使用NodeJS。NPM對(duì)于您來說，可能會(huì)感到些許陌生。這里，是NPM的簡(jiǎn)單介紹，希望能夠幫您：NPM是隨同NodeJS一起發(fā)布的包管理工具，也是目前用于管理node.js庫(kù)最有效的手段。它能解決NodeJS代碼部署上的很多問題，常見的使用場(chǎng)景有以下幾種：
1.允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。
2.允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用。
3.允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用。
本文中，我們將向您介紹如何在webpack項(xiàng)目中使用SpreadJS NPM包。
安裝Node.js和NPM
在使用該項(xiàng)目之前，請(qǐng)確保下載并安裝Node.js(https://nodejs.org/en/)和NPM(https://www.npmjs.com/get-npm)。
安裝項(xiàng)目文件和文件夾
現(xiàn)在已經(jīng)安裝了Node.js和NPM，我們將創(chuàng)建在webpack項(xiàng)目中使用的文件夾和文件。第一個(gè)創(chuàng)建的文件夾將被稱為spreadjs_webpack。
創(chuàng)建文件夾后，打開命令提示符，導(dǎo)航到創(chuàng)建的文件夾，然后輸入以下命令：
npm init -y
這將創(chuàng)建一個(gè)包含以下內(nèi)容的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)建該文件之后，輸入以下命令，并在每個(gè)命令后面輸入：
npm install webpack --save
npm install webpack-cli --save
這會(huì)將一個(gè)node_modules文件夾添加到項(xiàng)目中，這是我們獲取Spread引用的地址。
首先，我們將創(chuàng)建一個(gè)webpack.config.js文件。創(chuàng)建該文件，然后將以下內(nèi)容添加到文件中：
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"
}
}
在同一個(gè)spreadjs_webpack文件夾中，我們將創(chuàng)建一個(gè)dist文件夾并在該文件夾中創(chuàng)建一個(gè)名為index.html的html文件。這個(gè)html應(yīng)該從以下內(nèi)容開始：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SpreadJS Development
榜單收錄、高管收錄、融資收錄、活動(dòng)收錄可發(fā)送郵件至news#citmt.cn（把#換成@）。
海報(bào)生成中...
鄂公網(wǎng)安備 42112402000149號(hào)