JS简单实现TaiyueChain的小Demo
备注:当前基于windows系统,node v8.11.3,npm 5.6.0
泰岳联盟链,提供了一个对外开放的npm包Web3tai.js,该包保留了web3原有接口的情况下,增加了兼容TaiyueChain主网的设置和新的接口。
地址:https://www.npmjs.com/package/taiweb3js
6、引入html-webpack-plugin生成html
npm i html-webpack-plugin --save-dev
输出结果:
在webpack.config.js文件中添加该包的引入,内容如下:
const path = require("path");
// 配置 vue-loader的伴生VueLoaderPlugin
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const HtmlPlugin = require('html-webpack-plugin');
module.exports = {
entry: path.join(__dirname, 'src/main.js'),
output: {
filename: "bundle.js",
path: path.join(__dirname, 'dist')
},
mode: 'none',
module: {
rules: [
{
test: /.vue$/,
loader: 'vue-loader'
},
{
test: /.css$/,
use: [
'style-loader',
'css-loader'
]
}
]
},
plugins: [
new VueLoaderPlugin(),
new HtmlPlugin()
]
};
说明:
require 引入 html-webpack-plugin,其次在plugins中配置
执行npm run build,结果如下:
此时查看项目目录会发现,页面多出index.html文件:
执行npm run dev,启动如下
地址栏访问:http://localhost:8080/
截图如下:
7、引入taiweb3js包
npm i taiweb3js --save-dev
结果如下: