首页 > 资讯 > 评论

SpreadJS使用进阶指南 - 使用 NPM 管理你的项目

2018/06/22 10:50      IT产业网   


  前言

  SpreadJS作为一款性能出众的纯前端电子表格控件,自2015年发布以来,已经被广泛应用于各领域“在线Excel”数据管理项目中。NPM,作为管理Node.js库最有力的手段,解决了很多NodeJS代码部署的问题。

  如今,为让您更方便的使用产品和更好地管理项目中的SpreadJS代码,我们已将SpreadJS应用打包发布到了NPM服务器。如您需要,请点击查看(https://www.npmjs.com/~grapecity)(需要翻墙)

  NPM简介

  也许您刚刚接触前端开发,或者刚刚使用NodeJS。NPM对于您来说,可能会感到些许陌生。这里,是NPM的简单介绍,希望能够帮您:NPM是随同NodeJS一起发布的包管理工具,也是目前用于管理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)。

  安装项目文件和文件夹

  现在已经安装了Node.js和NPM,我们将创建在webpack项目中使用的文件夹和文件。第一个创建的文件夹将被称为spreadjs_webpack

  创建文件夹后,打开命令提示符,导航到创建的文件夹,然后输入以下命令:

  npm init -y

  这将创建一个包含以下内容的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

  在创建该文件之后,输入以下命令,并在每个命令后面输入

  npm install webpack --save

  npm install webpack-cli --save

  这会将一个node_modules文件夹添加到项目中,这是我们获取Spread引用的地址。

  首先,我们将创建一个webpack.config.js文件。创建该文件,然后将以下内容添加到文件中:

  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文件夹中,我们将创建一个dist文件夹并在该文件夹中创建一个名为index.html的html文件。这个html应该从以下内容开始:

  <html lang="en">

  <head>

  <meta charset="UTF-8">

  <title>SpreadJS Development

  榜单收录、高管收录、融资收录、活动收录可发送邮件至news#citmt.cn(把#换成@)。

相关阅读