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

作者 : 开心源码 本文共1605个字,预计阅读时间需要5分钟 发布时间: 2022-05-11 共61人阅读

前言

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

如今,为让您更方便的用产品和更好地管理项目中的SpreadJS代码,我们已将SpreadJS应使用打包发布到了NPM服务器。

NPM简介

也许您刚刚接触前台开发,或者者刚刚用NodeJS。NPM对于您来说,可可以会感到些许陌生。这里,是NPM的简单详情,希望可以够帮您:NPM是随同NodeJS一起发布的包管理工具,也是目前使用于管理node.js库最有效的手段。它可以处理NodeJS代码部署上的很多问题,常见的用场景有以下几种:

1. 允许使用户从NPM服务器下载别人编写的第三方包到本地用。

2. 允许使用户从NPM服务器下载并安装别人编写的命令行程序到本地用。

3. 允许使用户将自己编写的包或者命令行程序上传到NPM服务器供别人用。

本文中,我们将向您详情如何在 webpack 项目中用 SpreadJS NPM包。

安装 Node.js 和 NPM

在用该项目之前,请确保下载并安装Node.js和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"}

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

npm install webpack --savenpm 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应该从以下内容开始:

SpreadJS Development

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » SpreadJS用进阶指南-用 NPM 管理你的项目

发表回复