目录
-
一、前期准备
-
1.1 参考文章
下面实战内容,是通过3个基本文件的基础上操作的,请自行下载!!!
㊯ 百度网盘分享
-
1.2 webpack 三部曲
依赖和配置文件编写:
npm install webpack --save-dev
npm install webpack-cli --save-dev(如果全部安装,则无需执行)
npm config set registry https://registry.npm.taobao.org
npm install html-webpack-plugin --save-dev
/* ../vue-axios/webpack.config.js */
var HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
entry: __dirname + "/app/main.js",
output: {
path: __dirname + "/public",
filename: "bundle.js"
},
plugins: [
new HtmlWebpackPlugin()
]
}
-
一、axios 打包
-
1.1 实战
- 1.1.1 main.js 修改
当前需求我们要请求菜鸟教程ajax中的一个经典案例,通过请求https://www.runoob.com/try/ajax/json_demo.json,将返回的数据打印到控制台上;
所以 main.js 仅仅引入请求的service服务内容!!
// 简易项目中安装,http请求依赖包
npm i axios -S
// 通过参考文章中 —— 导入导出2,我们可以知道有两种引入方式
// 方法1
import {getListAPI} from './api/api.js'
getListAPI().then(res => console.log(res)).catch(err => console.log(err))
// 方法2
// import * as way2 from '../api/api.js';
// way2.getListAPI().then(res => console.log('way1',res)).catch(err => console.log(e