泰岳区块链v5.2————前端基于webpack安装 web3taijs开发实践

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

结果如下：